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

   2025-07-18 admin00100

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

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

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

关于交通的一切

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

数据传输有两种方式:

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

这个概念很简单,对吧?

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

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

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

实施我们的新设置

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

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

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

添加我们的钩子

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

<divid="content">Thisisthecontent.<ahref="#">Thisisananchor</a>sothatwecantelltheThemeCustomizerisworking.</div><!--/#content-->
 
举报收藏 0打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  版权声明  |  网站地图  |  RSS订阅
Powered By DESTOON