通过定制器添加样式，无需向页面添加 CSS

fabiha01

如何使用 PHP 和主题样式表通过定制器更改主题的颜色 - 正确的方法。
自定义工具栏 02 1500@2x
WordPress 定制器是一个非常强大且实用的工具。

通过将其合并到您的主题和插件中，您可以为您的用户提供更大的灵活性并简化设计、布局和内容定制。

然而，它也有缺点。其中之一就是，你通过定制器直接添加的任何样式都会输出到head页面的相应部分，而不是通过主题样式表。通过颜色选择器添加样式时尤其如此。

以这种方式添加 CSS 并不是很好的做法 - 最好将所有样式都放在样式表中，因此您应该这样做。

在这篇文章中，我将向您展示如何将 PHP 与主题的样式表结合使用以避免该问题，并确保通过定制器添加的颜色样式存储在样式表中而不是head 页面的部分中。

你需要什么
要阅读本文，您需要满足以下条件：

WordPress 的开发安装
您可以编辑并添加自定义功能的主题。或者，您可以创建第三方主题的子主题，但不要直接编辑第三方主题。
代码编辑器。
注意：此方法仅适用于有限的调色板，因为您需要在样式表中为每种颜色设置 CSS。如果您想让用户选择他们喜欢的任何颜色，则必须使用颜色选择器，并且必须忍受该样式存在于该head部分中。抱歉！

设置主题
首先要做的是设置您的主题以添加定制器功能。

在您的主题中添加一个名为includes的文件夹，并在其中创建一个名为customizer.php的空白文件。

将其添加到主题的功能文件中：

包括（get_stylesheet_directory（）。'/includes/customizer.php'）;
查看原始functions.php 由GitHub 托管
现在您已准备好将定制器功能添加到您的主题中。

设置定制器
打开新的customizer.php文件。首先，你需要创建一个函数来保存你的定制器设置。添加以下内容：

<?php
函数 wpmu_customize_register（$ wp_customize）{
}
添加操作（'自定义注册'，' wpmu_自定义注册'）；
查看原始customizer_function.php 由GitHub 托管
该函数将包含在定制器中创建部分和控件的所有代码。

添加定制部分
您可以将自定义控件添加到现有的自定义部分，但我更喜欢创建自己的自定义控件。这样可以使内容更清晰，并避免您正在使用的部分在未来的 WordPress 更新中被删除的风险。

在您已添加到customizer.php文件的函数内，添加以下内容：

/************************************************
部分
************************************************/
   
// 颜色部分
$wp_customize->add_section('wpmu_colors',数组(
    'title' => __( '颜色', 'wpmu')
） );
查看原始customizer_section.php 由GitHub 托管
打开定制器后，它暂时不会显示任何内容，因为只有包含设置的部分才会显示。所以，我们来添加它。

向定制器添加设置
要添加配色方案的设置，您需要创建一个设置和一个控件。设置用于存储所选选项或文本输入，巴西商业传真列表 而控件是定制器用来允许用户进行更改的如何使用 PHP 和主题样式表通过定制器更改主题的颜色 - 正确的方法。
自定义工具栏 02 1500@2x
WordPress 定制器是一个非常强大且实用的工具。

通过将其合并到您的主题和插件中，您可以为您的用户提供更大的灵活性并简化设计、布局和内容定制。

然而，它也有缺点。其中之一就是，你通过定制器直接添加的任何样式都会输出到head页面的相应部分，而不是通过主题样式表。通过颜色选择器添加样式时尤其如此。

以这种方式添加 CSS 并不是很好的做法 - 最好将所有样式都放在样式表中，因此您应该这样做。

在这篇文章中，我将向您展示如何将 PHP 与主题的样式表结合使用以避免该问题，并确保通过定制器添加的颜色样式存储在样式表中而不是head 页面的部分中。

你需要什么
要阅读本文，您需要满足以下条件：

WordPress 的开发安装
您可以编辑并添加自定义功能的主题。或者，您可以创建第三方主题的子主题，但不要直接编辑第三方主题。
代码编辑器。
注意：此方法仅适用于有限的调色板，因为您需要在样式表中为每种颜色设置 CSS。如果您想让用户选择他们喜欢的任何颜色，则必须使用颜色选择器，并且必须忍受该样式存在于该head部分中。抱歉！

设置主题
首先要做的是设置您的主题以添加定制器功能。

在您的主题中添加一个名为includes的文件夹，并在其中创建一个名为customizer.php的空白文件。

将其添加到主题的功能文件中：

包括（get_stylesheet_directory（）。'/includes/customizer.php'）;
查看原始functions.php 由GitHub 托管
现在您已准备好将定制器功能添加到您的主题中。

设置定制器
打开新的customizer.php文件。首先，你需要创建一个函数来保存你的定制器设置。添加以下内容：

<?php
函数 wpmu_customize_register（$ wp_customize）{
}
添加操作（'自定义注册'，' wpmu_自定义注册'）；
查看原始customizer_function.php 由GitHub 托管
该函数将包含在定制器中创建部分和控件的所有代码。

添加定制部分
您可以将自定义控件添加到现有的自定义部分，但我更喜欢创建自己的自定义控件。这样可以使内容更清晰，并避免您正在使用的部分在未来的 WordPress 更新中被删除的风险。

在您已添加到customizer.php文件的函数内，添加以下内容：

   
// 颜色部分
$wp_customize->add_section('wpmu_colors',数组(
    'title' => __( '颜色', 'wpmu')
） );
查看原始customizer_section.php 由GitHub 托管
打开定制器后，它暂时不会显示任何内容，因为只有包含设置的部分才会显示。所以，我们来添加它。

向定制器添加设置
要添加配色方案的设置，您需要创建一个设置和一个控件。设置用于存储所选选项或文本输入，而控件是定制器用来允许用户进行更改的