使用Create Block Theme插件创建区块主题

使用Create Block Theme插件创建区块主题

与大多数软件开发一样,您不需要从零开始就能为您的客户或您自己创造出有价值的东西。

对于 WordPress 区块主题来说尤其如此。WordPress 插件库中Create Block Theme 插件提供了一种直接的方法来创建新的区块主题–无论是从活动主题衍生还是从空白画布开始。

该插件将WordPress 网站编辑器的功能用作主题创建工具,使其成为主题开发人员的强大资产。不过,由于它会对网站进行永久性更改,我们强烈建议在暂存环境中使用。

不出所料,该插件仅与区块主题兼容,不适用于经典主题。在本文中,我们将探讨创建 Create Block Theme 插件的功能,并介绍如何使用它。

如何使用Create Block Theme插件

Create Block Theme 插件提供两种访问其功能的方式,具体取决于您的偏好和工作流程:

您可以通过WordPress 管理仪表板中的 外观 > Create Block Theme 访问插件的设置。

这里有一系列选项,包括保存对当前主题的更改、创建新主题或导出主题。虽然这种方法简单明了,但与网站编辑器相比功能有限。

Create Block Theme插件选项

插件选项可在 WP 管理器的“外观”部分查看

为获得最佳体验,我们建议在 WordPress 网站编辑器中使用该插件。通过选择网站编辑器中的扳手图标,您可以在实时编辑环境中直接解锁插件的所有功能。通过这种集成,您可以无缝预览和自定义您的更改。

网站编辑器中的插件选项

网站编辑器中的插件选项

探索Create Block Theme插件的功能

Create Block Theme 插件提供了一系列强大的功能,可帮助您高效地创建、自定义和导出区块主题。让我们详细了解每项功能:

1. 保存对主题的更改

概念和执行都非常简单。在网站编辑器中,将样式、模板和样板更改为活动主题,然后保存您的工作。

保存主题更改的选项

保存主题更改的选项

Save Changes 按钮用于保存您希望导出的内容,而不是您所做的主题更改,后者只能通过默认的 Save 按钮保存。保存的更改可以使用 WordPress 的修订工具进行回滚(无需插件)。

如上所示,如果你想导出主题,有八个选项可以考虑:

  • 保存字体
  • 保存模板更改
  • 只处理修改过的模板
  • 保存同步模式
  • 本地化文本
  • 本地化图片
  • 删除导航参考

2. 创建主题变体

虽然乍一看可能不太明显,但通过该选项,您不仅可以创建风格变体,还可以创建新的调色板和/或排版(可应用于文本、链接、标题、字幕和按钮的字体集合)。

在下面的示例中,我们创建了一个 My New Variation 样式。要做到这一点,至少必须创建一个新的调色板和排版,以便与新的样式变体相关联。请注意,您在这里只能看到新的变体(默认调色板和排版不变)。

左侧图显示新样式变体的命名,右侧图确认其创建

左侧图显示新样式变体的命名,右侧图确认其创建

在下面的示例中,我们创建了一个包含两种颜色的新调色板,可应用于任何样式变体。左侧显示了为新调色板创建两种自定义颜色的过程。中间显示保存过程。右侧确认了新的自定义调色板。

创建、保存和确认新的自定义调色板,其中包含两种颜色。

创建、保存和确认新的自定义调色板,其中包含两种颜色。

最后,我们在这里创建了一个新的排版。我们添加了新字体 Roboto,然后将其分配给文本和标题元素(未显示)。

使用 Roboto 字体创建、保存和确认新排版。

使用 Roboto 字体创建、保存和确认新排版。

右侧显示新排版使用的字体,中间显示保存过程,右侧确认新排版。

简而言之,您不仅可以创建一个完整的风格变体,还可以创建一个单独的调色板和/或排版,并以您选择的任何方式应用到您的主题中。

3. 创建空白主题

如果你想从一个简洁、与设计无关的主题开始,那么创建空白主题选项是个不错的选择。它的作用类似于 WordPress 经典主题时代广受开发者欢迎的 Underscores 主题

为空白主题提供名称和元数据

为空白主题提供名称和元数据

创建 Block 主题会生成一个基本的模板主题。正如所料,空白主题将

  • 只包含一个索引模板。
  • 没有风格变化。
  • 只有一个页眉和页脚模板。
  • 包含一个简约的 theme.json 文件
  • 不包含 functions.php 文件。

与“创建新主题”或“创建风格变体”选项不同的是,这将创建一个全新的主题,一旦你看到“外观”页面,就会明白这一点。

外观部分显示的空白主题

外观部分显示的空白主题

注:创建空白主题时,它的最小样式来自 WordPress 的默认 theme.json 文件,该文件为所有区块主题提供了基本样式。这些样式可确保主题正常运行,但仍保持最低限度,作为自定义的起点。

4. 以 zip 格式导出主题

这是插件的一项便捷功能,因为它是将活动主题迁移到新网站的最有效方法。导出功能会创建一个标准的主题压缩文件,可用于另一个网站。

插件的导出主题选项

插件的导出主题选项

与 WordPress 内置的导出功能相比,以这种方式导出主题有什么不同?没有区别。这只是导出活动主题的一种非常方便的方式。

如果你不熟悉导出活动主题的内置方法,请选择右上角的三点选项,然后找到 Export 选项。

WordPress 默认的导出选项

WordPress 默认的导出选项

5. 创建新主题

让我们来看看插件提供的两种创建新主题的方法。与空白主题一样,使用该选项创建的主题也会出现在外观 > 主题页面,并在创建后自动成为活动主题。

无论你选择 Clone a Theme(克隆主题)还是 Create a Child Theme(创建子主题),都会获得与空白主题相同的选项。

创建克隆主题或子主题

选择其中一个即可创建克隆主题或子主题。

克隆主题

克隆主题是将已保存的更改复制到活动主题中。确定克隆主题的名称后,还可以为主题设置如下元数据:

  • 主题名称
  • 主题描述
  • 主题 URI
  • 作者
  • 作者 URI
  • 最低 WordPress 版本

创建子主题

创建子主题为开发人员提供了在不更改代码的情况下更改主题的正确方法。

元数据的选择与创建克隆主题相同。

6. 编辑主题元数据

您可以直接通过插件自定义活动主题的元数据。可以更新的元数据字段包括

  • Theme Name:显示在 WordPress 主题管理器中的名称。
  • Theme Description:主题目的或功能的简要说明。
  • Theme URI:指向主题文档或演示的 URL。
  • Author:主题创建者的姓名。
  • Theme Version:主题的版本号。
  • Minimum WordPress Version:与主题兼容的最早 WordPress 版本。
  • Theme Tags:用于分类和描述主题的关键字。
  • Recommended Plugins:您的主题依赖或增强的插件。
  • Font Credits:感谢您的主题中使用的字体。
  • Image Credits:对主题中使用的任何图片表示感谢。
  • Screenshot:在 WordPress 主题管理器中显示的预览图片。

这些字段对主题的专业性和发布准备至关重要。

7. 查看theme.json

如果您需要快速查看 theme.json 文件,插件提供了 theme.json 的只读视图。该文件包含主题的全局样式和设置,如颜色、排版和布局配置。

查看该文件可以快速验证应用于主题的自定义设置。

查看 theme.json

只读查看 theme.json

8. 查看自定义样式

对于子区块主题,theme.json文件包含不影响父主题的自定义内容。这样可以确保在子主题中实施特定更改时,父主题不受影响。

查看这些自定义样式的界面与父主题的 theme.json 文件相同。

9. 重置主题

此选项允许您将对主题(包括样式、模板和模板部分)所做的更改回滚到上次保存操作时的状态。

插件提供的重置选项

插件提供的重置选项

要想获得更强大的方法,您可以使用 WordPress 修订版本功能。这一内置功能提供了详细的更改历史记录,让您可以精确地将主题恢复到以前的状态。

WordPress 修订版本功能

WordPress 修订版本功能

小结

如果您正在开始开发自定义区块主题,那么 Create Block Theme 插件就是一个理想的工具。它充分利用了 WordPress 作为主题创建工具的所有功能,让您的主题创建速度更快。

在使用该插件的过程中,您会收到浏览器提示,帮助您了解将要采取的步骤。

从本质上讲,该插件允许从数据库到文件系统的数据传输。当对主题进行更改时,这些更改会保存在数据库中。如果需要,该插件会从数据库中提取这些更改,并创建新主题和/或导出所需的文件。

由于该插件正在积极开发中,因此您可以期待它的增强功能,但也要注意可能出现的破坏性更改。测试特定功能时,请务必使用暂存环境。

评论留言