目录
大纲
WP建站和运维

经典主题介绍

欢迎来到本课程,我们将深入探讨经典主题的构建方式。

通过本课程,我们将:

  • 区分经典主题与区块主题
  • 列举并描述经典主题包含的典型文件
  • 组织您的主题文件

经典主题 vs 区块主题

经典主题与区块主题有何区别?

如果您尚未了解,请先学习《WordPress开发者入门指南》中的主题开发介绍课程。

2018年12月WordPress 5.0发布古腾堡编辑器时,我们首次接触到文章区块编辑概念。时间快进到2023年8月,WordPress 6.3真正起飞,用户开始见识到全站编辑的强大功能。

以当前默认主题Twenty Twenty-Four为例,快速浏览后可以发现:我们可以管理和创建新模板、设计模式并管理模板部件——这些都要归功于全站编辑功能。

核心差异

传统经典主题与区块主题的主要区别体现在三个方面:文件结构、通过设置实现的终端用户自定义功能,以及样式处理方式。

最显著的差异在于终端用户修改全站设置的体验。用户界面已发生翻天覆地的变化——以经典主题Twenty Twenty-One为例,左侧是定制器面板,用户可以调整颜色设置,另一个经典主题特色是支持小工具添加功能。

混合型主题

存在一种”混合型”主题:本质上是经典主题,但正在向完整区块主题过渡。经典主题不必完全转变为区块主题,也能通过theme.json文件获得某些灵活性。

经典主题可以通过theme supports功能(需在functions.php文件中配置)或添加theme.json文件,为区块编辑器和区块内容提供配置与样式选项。

经典主题文件结构

现在让我们细看经典主题的典型文件组成。

以Twenty Twenty-One主题为例:包含CSS文件、图片资源、JavaScript文件(均存放在assets文件夹),以及PHP函数文件和PHP模板文件。

主题文件组织

关于文件组织方式,经典主题提供了相当大的灵活性。Twenty Seventeen主题的架构就与Twenty Twenty-One有诸多相似之处——核心是PHP编写的模板,辅以CSS和JavaScript文件。

进阶学习

要深入了解经典主题,请参考WordPress.org提供的开发者主题手册。经典主题模块和主题基础模块中的多个章节,将帮助您全面掌握经典主题的结构原理与开发方法。