目录
大纲
WP建站和运维

模板

欢迎来到关于使用theme.json文件的课程,我们将从头开始注册一个自定义模板。

学习目标

通过本课程,您将:

  • 从头开始构建自定义模板并将其导出到本地主题文件夹
  • 使用theme.json文件注册自定义模板
  • 熟悉使用Create Block Theme插件更新模板的工作流程

创建自定义模板

构建主题的最快方法是在站点编辑器中工作,使用像Create Block Theme这样的插件,您可以直接将更改推送到主题文件中。

让我们进入站点编辑器。我们将查看默认的Twenty Twenty-Four主题中可用的模板。我们可以看到所有这些模板的作者都是Twenty Twenty-Four。我们现在可以进入代码编辑器查看这些文件。它们在模板文件夹中列出。

在theme.json中注册自定义模板

自定义模板都在theme.json中注册。我们有几个页面模板和一个单篇文章模板。这里我们看到名称与文件名对应。

添加新模板

回到WordPress,我们首先点击”添加新模板”来创建自定义模板。我们将选择”单篇文章”和”所有文章”。接下来,选择一个模式以节省时间,或者您可以从头开始。如果点击保存,模板将保存到数据库中。

如果我们进入模板,我们会在那里看到”单篇文章”。如果我们进入”管理所有模板”,我们会看到它作为用户更改存在,这意味着它在数据库中,还不是我们主题文件的一部分。

使用Create Block Theme插件更新主题文件

为了导出模板,我们需要使用Create Block Theme插件。我们首先进行更改并将这些更改保存到数据库。每次我们都可以使用Create Block Theme插件将更改从数据库推送到我们的主题文件中。

如果我们进入代码编辑器,我们会看到自定义模板”Single-Post”。现在我们可以根据需要重命名它,使其更具描述性。我将命名为”无图片”。

注册自定义模板

您现在可以使用theme.json文件注册新的自定义模板。这使我们能够为模板提供自定义名称。我们将名称”无图片”与文件名对应,然后给它一个标题。这是用户在前端看到的内容。

保存这些更改,然后返回站点编辑器并重新加载。现在进入”所有模板”并向下滚动,您可以看到”无特色图片”单篇文章模板现在是主题文件的一部分。

下一步

一如既往,您可以参考WordPress.org上提供的主题手册。在下一个模块中,我们将深入探讨创建模板、模板层次结构和模板部件。