使用创建块主题插件进行导出和主题变体

介绍

在本课中,你将学习如何使用创建块主题插件来保存和导出设计变体。如果你想探索该插件提供的更高级选项,请查看创建块主题插件课程,该课程是中级主题开发者学习路径的一部分。以下是本课的学习目标。为什么需要导出你的主题自定义设置?如何创建你自己的自定义 WordPress 主题?使用创建块主题插件将修改后的主题作为 zip 文件安装,并在另一个网站上安装和使用该自定义主题。

创建块主题

一旦你在网站上安装并激活了一个主题,你可能想要进行一些更改,例如调整颜色和布局以匹配你的品牌或个人偏好。默认情况下,这些更改会作为数据库条目存储。它们不会集成到主题文件中。但是,如果你正在一个测试网站上工作,并希望将你创建的设计转移到另一个网站,你需要将其保存为主题的一部分。这就是创建块主题插件发挥作用的地方。它允许你将你的自定义设置转换为原始主题的永久变体,并将修改后的主题导出为 zip 文件,从而有效地创建你自己的自定义主题。然后,你可以在其他 WordPress 网站上使用它,而无需重新设计相同的元素。这种方法特别重要,因为它可以避免在更新主题时覆盖你的自定义设置。最后,它还可以作为你更新后设计的备份。让我们前往插件页面,搜索创建块主题插件。安装并激活该插件后,你可以转到外观并选择创建块主题。在这里,你会看到几个选项。你可以将当前主题导出为 zip 文件,创建一个新的空白主题,克隆当前主题,或创建一个子主题。

自定义设置

接下来,让我们讨论自定义你网站上的当前主题。你可以在不编写代码的情况下自定义主题的各个方面。这包括调整全局样式,如排版、颜色和间距,以及修改主题模板和模板部分,如页眉和页脚。你还可以创建自定义块样式、设计块模式,以及管理网站布局选项,包括网站宽度和对齐方式。对于这个示例,让我们进行一些自定义设置来实际看看效果。那么,让我们前往外观并打开站点编辑器。然后我们可以继续打开样式,前往颜色,因为我想为我的网站创建一个自定义颜色。然后我可以点击调色板,点击自定义旁边的加号,然后创建我的自定义颜色。完成后,我会给它起一个合适的名称,然后点击完成。现在,我可以返回元素,将我的文本和标题颜色更改为我的自定义颜色。接下来,我将打开我的样式手册,点击设计,然后更新我的按钮块。首先,我会更改背景颜色,然后将文本颜色更改为我的自定义颜色,向下滚动,添加一个像素的边框,并将边框颜色也更改为我的自定义颜色。然后我会继续点击保存。最后一个示例,我将自定义我的一个模板。在这种情况下,是 404 模板,当然,这是当找不到页面时显示的页面。我会添加一张手拿指南针的图片,表示一个人正在寻找方向。

将更改保存到主题文件

现在我们已经完成了自定义设置,我们可以点击小扳手或创建块主题扳手,然后选择将更改保存到主题,接着保存我们所做的所有更改。选择将更改保存到主题后,你会注意到一些变化。例如,我添加的自定义颜色现在列在主题下方,因为它已被添加到 theme.json 文件中。提醒一下,theme.json 是一个配置文件,用于定义 WordPress 主题的全局设置和样式。换句话说,我的更改现在已成为主题文件的一部分。让我们看另一个示例,看看 404 模板的主题文件是如何变化的。我们可以前往主题文件编辑器,点击模板,然后选择 404.html。在这里,我们会注意到我们添加的图片现在已成为主题文件的一部分。所以如前所述,创建块主题插件允许我们将自定义设置转换为原始主题的永久变体。

重命名主题并导出 zip 文件

下一步是重命名我们的主题,为此,我们将点击创建一个新的空白主题。然后,我们可以给它起一个合适的名称,在这个例子中,是海洋蓝,并添加主题描述和主题作者。我们现在可以继续自定义我们的主题,当我们准备好导出修改后的主题时,我们可以再次点击小扳手,然后选择导出 Zip。一旦 zip 文件下载到你的设备,你就可以将其导入到另一个在线或测试网站。例如,要将其导入到在线网站,我们可以点击外观,选择主题,点击添加新主题,然后在顶部选择上传主题。然后,我们可以从设备中选择 zip 文件。点击现在安装,然后激活。然后我们就可以开始使用我们的新主题了。

结论

祝你导出和使用创建块主题插件顺利。