经典主题入门

欢迎来到本课,我们将深入探讨经典主题是如何构建的。

通过本课,我们将:

  • 区分经典主题和区块主题,
  • 列出并描述经典主题中常见的文件,以及
  • 组织你的主题文件。

经典主题与区块主题

经典主题和区块主题有什么区别?

如果你还没有看过,请务必查看《面向开发者的主题简介》课程,你可以在《WordPress 开发者入门学习路径》中找到它。

早在 2018 年 12 月,WordPress 5.0 发布了 Gutenberg,那时我们首次看到了文章区块编辑的概念。现在,快进到 2023 年 8 月,WordPress 6.3 真正起飞,感兴趣的用户开始看到全站编辑的强大功能。

这里我们正在查看当前的默认主题 Twenty Twenty-Four,如果快速浏览一下,我们会发现我们可以管理和创建新模板。我们可以创建模板并管理模板部件。

这一切都得益于全站编辑。

如果我们比较传统的经典主题和区块主题,主要区别在于三个主要类别:文件结构、通过设置进行的最终用户自定义以及样式。

经典主题和区块主题之间的一个显著区别是最终用户如何对其网站进行全站更改。用户界面发生了巨大变化。

这里我们以经典主题 Twenty Twenty-One 为例,左侧是自定义器,用户可以修改颜色,另一个非常经典主题的部分是添加小工具的能力。

有一个术语叫做混合主题

经典主题本质上是一个正在向完整区块主题过渡的经典主题。因此,经典主题不必是区块主题,也能利用 theme.json 文件提供的某些灵活性。

因此,经典主题有能力为区块编辑器和区块内容提供配置和样式选项,这是通过主题支持来实现的,你可以将这些包含在 functions.php 文件中,或者考虑添加 theme.json。

经典主题文件

现在让我们更仔细地看看经典主题中常见的文件。

这里我们有经典主题 Twenty Twenty-One,你可以看到有 CSS 文件、图片、JavaScript 文件、更多 CSS 文件。这些都在 assets 文件夹中,然后我们有 PHP 函数和 PHP 模板。

组织主题文件

现在让我们看看如何组织你的主题文件。

实际上,在经典主题中,文件结构的组织方式相当灵活。这里我们有一个 Twenty Seventeen 主题组织方式的例子,它和我们刚才看到的 Twenty Twenty-One 主题有一些相似之处。

所以基本上,我们有用 PHP 编写的模板,然后有 CSS 和 JavaScript 文件。

下一步

要了解更多关于经典主题的信息,你可以参考 WordPress.org 上的开发者主题手册,你会在经典主题和主题基础模块中找到许多章节,以便更好地理解经典主题的结构和开发方式。