到目前为止,我们已经了解了主题定制器是什么、它是如何工作的以及它独有的组件。我们甚至讨论了如何将选项序列化到数据库中,以便我们稍后在使用主题时可以检索它们。
为此,我们是时候开始使用主题定制器进行我们自己的工作了。在本文中,我们将了解传输、它们的工作原理以及它们两种主要方法的区别。
此外,我们将在WordPress的现有部分之一中引入我们自己的控件,并了解它如何与各种传输模型配合使用。
关于交通的一切
在我们实际编写任何代码之前,我们需要熟悉的另一个概念是transports的概念。本质上,这就是主题定制器将数据发送到主题以显示更改的方式。
数据传输有两种方式:
- refresh-这是默认方法。使用此方法,当用户在主题定制器中更改设置时,显示主题的框架将在显示更改之前刷新。
- postMessage-此方法必须明确说明,但它提供了更增强的用户体验。使用此方法时,将发出异步请求,并且主题的外观将更新以反映用户的设置,而无需重新加载页面。
这个概念很简单,对吧?
在本文中,我们将实现新主题自定义设置的两个版本。首先,我们将介绍一个使用refresh传输的设置。之后,我们将改进设置,使其使用postMessage传输。
在文章末尾,我将链接到两个版本的代码,以便您可以在本地计算机上下载并安装某些内容,而不必简单地参考本文。
话虽如此,让我们开始吧。
实施我们的新设置
在本文中,我们将介绍一个设置,允许用户更改其主题中存在的所有锚点的颜色。我们很少需要在整个网站上普遍更改锚点的颜色,但实施此特定设置将教会您以下内容:
- 如何在现有部分中实施新设置
- 如何使用WP_Customize_Color_Control
- 如何使用refresh传输方法以及如何使用postMessage传输方法
显然,还有很多工作要做。
添加我们的钩子
首先,让我们向index.php模板添加一个锚点,以便我们可以实际着色。这是一个简单的改变。只需确保您的index.php模板包含以下内容: