自定义背景

自定义背景是一个主题功能，用于自定义背景颜色和图像。
主题开发人员需要两个步骤来实现它。

启用自定义背景–添加主题支持（）
显示自定义背景–wp_head（）和车身_类（）

启用自定义背景

使用添加主题支持（）在中函数.php文件以启用自定义背景。

add_theme_support（'自定义背景'）；

您可以指定默认参数。在下面的示例中，使用默认的“#0000ff”背景色（蓝色）和存储在/images文件夹下的“wapuu.jpg”背景图像。

$args=阵列(“默认颜色”=>“0000ff”，“default-image”=>get_template_directory_uri（）。“/images/wapuu.jpg’，);add_theme_support（'自定义背景'，$args）；

通过呼叫添加主题支持（），Customizer显示“背景图像”菜单和“颜色”菜单中的“背景颜色”部分。

显示自定义背景

通常，调用wp_head（）和车身_类（）在里面页眉文件以显示自定义背景。

<!DOCTYPE html><html><头部><?php wp_head（）；？></头><车身<？php body_class（）；？>>

wp_head（）生成一个与HTML标题一致的额外样式表，通常就在文档的HEAD元素末尾之前。额外的样式表覆盖了主题样式表中的背景值。
在我们的示例中，将在HTML中生成以下代码。请注意，body标记包含“custom-background”类。

<!DOCTYPE html><html lang=“en-US”class=“no-js”><头部>...<style type=“text/css”id=“custom-background-css”>车身.客户背景{背景图像：url（“http://example.com/wordpress/wp-content/themes/my-first-theme/images/wapuu.jpg");背景位置：左上；背景尺寸：自动；背景重复：重复；背景附件：滚动；}</style>...</头><body class=“home page-template-default page page-id-211 logged-in admin-bar no-customize-support custom-background”>...

现在您将看到重复的背景图像

另一个默认示例

这是默认值集的另一个示例。

$another_args=数组(“默认颜色”=>“0000ff”，“default-image”=>get_template_directory_uri（）。“/images/wapuu.jpg’，“default-position-x”=>“右”，'default-position-y'=>'top'，“default-repeat”=>“no-repeap”，);add_theme_support（'自定义背景'，$another_args）；

这将在右上角显示单个图像，如下所示。

即使我们将“default-color”指定为“#0000ff”（蓝色），背景色也不是蓝色。设置default-image参数将立即使该值成为有效的自定义背景，而设置default-color则无效。它只是在Customizer的color（颜色）菜单中设置为默认背景色，管理员保存时会进行增强。

首次发布

2017年3月5日

上次更新时间

2022年11月17日

自定义背景

在本文中

启用自定义背景

显示自定义背景

另一个默认示例