- 1个. 当前阅读: WordPress主题定制器简介
- 2. 与WordPress主题定制器进行交互
- 3. WordPress主题定制器样板
- 4. 扩展WordPress主题定制程序样板
- 5. 主题定制程序样板–条件选项,子主题和插件
对于主题设置页面,我一直不喜欢的一件事是它们之间会有很大的不同。想象一下每个汽车制造商都试图通过独特的车轮布置来增加自己的风格,您将明白为什么这对WordPress发布者是一件坏事.
幸运的是,从3.4开始,感谢 主题定制器API 我们根本不需要设置页面.
@slobodanmanic 定制程序使我的博客无用,这也是一件好事
-康斯坦丁·科夫申宁(@kovshenin) 2012年12月19日
有问题的博客是 主题选项库, 展示“镇上最好的(和最差的)主题选项屏幕”。通常情况最糟,但是我想这才是流行的原因。康斯坦丁(Konstantin)说,它的主题自定义程序将使其过时.
在整个本系列文章中,我们将了解在“旧”设置页面上使用Theme Customizer的好处,了解Theme Customizer的工作方式,了解如何扩展它,最后创建可与任何WordPress主题一起使用的Theme Customizer样板.
主题定制器的好处
现在,我并不是说主题设置页面很糟糕-如果操作正确,它们感觉就像是WordPress仪表板的自然扩展-只是现在有了更好的东西。与设置页面相比,Customizer所做的事情是将用户的眼睛蒙住,从而简化了主题设置过程.
如果您从未在实际操作中看到过该视频, 奥托 是必看的:
那么,主题定制器到底是什么?根据食典:
通过“主题自定义”屏幕(即“主题自定义程序”),网站管理员可以调整主题的设置,并实时查看这些更改的预览.
主题定制器
主题定制器 具有三个主要组件–部分,设置和控件。如果主题定制程序是一栋房子,则您的客厅将是其中的一部分,其中的每个灯光都将是一个设置,每个灯光都将切换一个控件。就这么简单.
要与Theme Customizer进行交互,您必须加入customize_register操作。这样,您将加载 $ wp_customize对象, 的实例 WP_Customize_Manager 该类负责所有繁重的工作。本系列第2部分中的更多内容.
已经在那里
如果您不想与Theme Customizer进行交互,而只需要让它与您的主题相关,那么它会变得更加容易。从头开始创建主题时,主题定制器将已经存在,并显示其内置部分。实际上,这是空白的index.php和仅带注释标题行的style.css可以为您提供的服务:
空白主题中的主题定制器
当然,该屏幕快照中没有可预览的内容,因为index.php不会执行任何操作,但这就是重点–如果您是主题开发人员,Theme Customizer只会大喊“只要您准备好了!”因此没有理由不在您的WordPress主题中使用它.
还有更多默认部分,但是只有您的主题支持这些默认部分时,这些部分才会显示,这是内置部分的完整列表:
- 网站标题和标语
- 颜色*
- 标题图片*
- 背景图片*
- 导航*
- 静态首页
仅当您的主题支持各自的功能时,才会显示带标记的(*)部分,如果您希望显示“页眉图像”部分,则只需 add_theme_support(’custom-header’) 在functions.php文件中的某处.
现有控制
内置所有这些部分之后,必须有一些现有控件(电灯开关,还记得吗?)来填充它们。这是WordPress开箱即用的功能:
- 文本域
- 复选框
- 无线电
- 选择
- 颜色选择器
- 上传文件
- 图片上传
- 背景图片
- 标题图片
对于大多数主题来说可能已经足够好了,但是如果您的主题很特别(让我猜对了,对吗?)并且需要一些自定义控件,您也可以这样做。创建自定义控件是我们将在本系列文章中介绍的内容之一,请继续关注.
目前为止就这样了
WordPress当前有16个API (尝试全部命名!),如果您通过它们的用户友好程度以及开始使用它们的容易程度来对其进行判断,那么没有一个主题定制API可以与之匹敌.
您是否已经为您的用户所青睐,并已从设置页面切换到主题定制器?如果没有,我很想听听为什么,如果有的话,您对此有何看法?