欢迎来到关于使用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上提供的主题手册。在下一个模块中,我们将深入探讨创建模板、模板层次结构和模板部件。