增强您的 WordPress 主题：使用主题定制器引入全新设置

到目前为止，我们已经了解了主题定制器是什么、它是如何工作的以及它独有的组件。我们甚至讨论了如何将选项序列化到数据库中，以便我们稍后在使用主题时可以检索它们。

为此，我们是时候开始使用主题定制器进行我们自己的工作了。在本文中，我们将了解传输、它们的工作原理以及它们两种主要方法的区别。

此外，我们将在 WordPress 的现有部分之一中引入我们自己的控件，并了解它如何与各种传输模型配合使用。

关于交通的一切

在我们实际编写任何代码之前，我们需要熟悉的另一个概念是 transports 的概念。本质上，这就是主题定制器将数据发送到主题以显示更改的方式。

数据传输有两种方式：

1. refresh - 这是默认方法。使用此方法，当用户在主题定制器中更改设置时，显示主题的框架将在显示更改之前刷新。
2. postMessage - 此方法必须明确说明，但它提供了更增强的用户体验。使用此方法时，将发出异步请求，并且主题的外观将更新以反映用户的设置，而无需重新加载页面。

这个概念很简单，对吧？

在本文中，我们将实现新主题自定义设置的两个版本。首先，我们将介绍一个使用 refresh 传输的设置。之后，我们将改进设置，使其使用 postMessage 传输。

在文章末尾，我将链接到两个版本的代码，以便您可以在本地计算机上下载并安装某些内容，而不必简​​单地参考本文。

话虽如此，让我们开始吧。

实施我们的新设置

在本文中，我们将介绍一个设置，允许用户更改其主题中存在的所有锚点的颜色。我们很少需要在整个网站上普遍更改锚点的颜色，但实施此特定设置将教会您以下内容：

• 如何在现有部分中实施新设置
• 如何使用 WP_Customize_Color_Control
• 如何使用 refresh 传输方法以及如何使用 postMessage 传输方法

显然，还有很多工作要做。

添加我们的钩子

首先，让我们向 index.php 模板添加一个锚点，以便我们可以实际着色。这是一个简单的改变。只需确保您的 index.php 模板包含以下内容：

<div id="content">
	This is the content. <a href="#">This is an anchor</a> so that we can tell the Theme Customizer is working.
</div><!-- /#content -->