WordPress的深入介绍

自2018年首次亮相以来，WordPress Block编辑器（Gutenberg）已彻底改变了网站的创建。虽然可用于支持其CSS的任何主题，但Block主题代表着重大进步。这些主题利用块编辑器进行完整的站点构建，将主题的角色从内容控制转移到设计指导。这种方法称为全站点编辑（FSE），使用户能够使用块构建整个站点。

让我们探索这种变革性的技术。

目录

• 介绍
• 关键术语
• 带有经典主题的块编辑器
• 了解阻止主题
• 基础主题
• 全球风格和theme.json
• 块主题开发策略
• 现实世界块主题示例
• 创建障碍儿童主题
• 个人思考
• 资源

介绍

尽管用户在很大程度上可以看到块编辑器的演变，但其在GitHub上的基础开发一直在不断发展。我自己的旅程涉及使用经典编辑和块编辑器，甚至在返回核心平台之前，甚至涉足带有盖茨比和前线的无头Wordpress。

最初，我在GitHub上基于实验的主题引起了人们的关注，我最近开始积极探索它们，甚至在个人项目上实施一个。 WordPress 5.9（“Joséphine”）标志着一个关键的时刻，将完整的编辑带到了最前沿。虽然以前存在迭代功能，但此版本是改变游戏规则的。本文分享了我的动手学习经验和个人观察。

免责声明：我不是一个主题专家，而是经验丰富的WordPress用户。我的目的不是批评WordPress 5.9，而是根据与Block编辑者的实践经验提供开放的学习者的观点。

关键术语

在研究块主题之前，让我们澄清基本术语：

块编辑器

这是指WordPress编辑器，由于其基于块的结构而恰当地命名。每个元素（文本，图像，视频等）都是一个块，启用模块化页面布局。这与“经典”编辑器的预定义布局方法形成鲜明对比。块编辑器在单个接口中集成了内容和布局编辑。

块主题

如WordPress文档所定义的那样，块主题使用块来构建所有站点模板（标题，页脚，侧边栏等），从而将块编辑器的范围扩展到了帖子内容之外。与依靠PHP模板的经典主题不同，封锁主题利用基于块的HTML模板，该模板是通过网站编辑器和theme.json来安排的。

网站编辑器

站点编辑器（通常称为全站点编辑或FSE）是创建和管理基于块模板的中心工具。它允许编辑内聚界面中的各种模板，模板零件和样式选项。这用基于视觉，基于块的方法取代了传统的基于PHP模板的主题开发。

官方的WordPress词汇表提供了进一步的定义。

带有经典主题的块编辑器

块编辑器与经典主题和阻止主题一起使用。经典编辑器（通过经典编辑插件）仍然可用，可提供向后兼容性。最初是通过Gutenberg插件逐步引入块编辑器，然后集成到WordPress Core中，为FSE铺平了道路。

了解阻止主题

自2020年初以来，实验块主题一直在开发中。GITHUB主题实验存储库展示了各种方法。二十一个是一个重要的步骤，整合了块样式和图案。现在，许多主题都包括块编辑器图案和样式。

块主题文件结构

块主题与经典主题有很大不同。尽管经典主题依靠PHP和JavaScript进行标记，但阻止主题利用了Core的标记和基本样式。一个简单的块主题可能包括index.php ， style.css ， theme.json ， templates/index.html和可重复使用组件的parts文件夹。

模板和模板零件

模板是一组块，通常结合可重复使用的“模板零件”（例如，标头，页脚）。这些组装以创建页面布局。

基础主题

网站编辑器是设计WordPress网站的主要工具。它替换了许多主题自定义任务的自定义器。

WordPress网站编辑器接口

通过外观→编辑器访问的网站编辑器提供了一个熟悉的基于块的接口，但具有扩展的可管理站点范围模板的功能。它具有用于站点，模板和模板零件的部分，可实现全局设计调整。可以使用Kebob菜单轻松清除自定义。

创建模板和模板零件

模板是在网站编辑器中创建和管理的，从而消除了对手动PHP文件创建的需求。 Block编辑器手册详细信息用于创建模板和模板零件的方法，包括手动HTML创建以及使用站点编辑器的界面。

全球风格和theme.json

在块主题中，通过theme.json来管理样式。JSON文件，从各种来源提供了对样式的精细控制。该文件允许主题作者定义默认样式，管理用户自定义选项并设置编辑器默认值。它提供了一种集中的样式方法，可提高可维护性。

块主题开发策略

有几种策略正在出现以进行块主题开发：

通用主题

Blockbase是来自Automattic的通用主题，是与下划线主题相似的起点，为儿童主题开发提供了基础。

默认主题（例如，二十一2个）

二十二十二个是专为FSE设计的主题的一个很好的例子，展示了块主题的功能。

混合主题

混合主题融合了传统和FSE方法，利用theme.json用于造型和可能结合模板的JSON。

社区主题

WordPress主题目录提供了越来越多的社区创建的块主题，展示了各种方法。

现实世界块主题示例

许多网站已经在使用块主题，展示了其多功能性。

创建障碍儿童主题

尽管方法仍在不断发展，但儿童主题仍然与块主题相关。

创建Blockbase主题插件

Automattic的“ Create Blockbase主题”插件简化了针对Blockbase主题的儿童主题创建。

使用替代theme.json 。

交换theme.json文件可以大大改变块主题的外观。正在出现工具，以简化非编码器的此过程。

个人思考

我的经验突出了几个关键方面：

解决jamstack的批评

封锁主题通过提供轻巧的，以标记为中心的结构来解决有关jamstack批评对肿的WordPress主题的批评。

缺少定制器

定制器代码注入功能的丢失需要适应网站编辑器的界面。

简化的自定义

与经典主题相比，定制块主题的定制要容易得多，即使对于非开发者也是如此。

降低进入障碍

阻止主题简化主题开发，更多地关注内容和模式。

资源

许多资源可用于了解有关块主题和FSE的更多信息。这包括来自各种来源的官方WordPress文档，教程和博客文章。

网站编辑器虽然仍在不断发展，但却提供了令人兴奋的可能性。我正在积极探索障碍主题，并期待未来的发展。分享您的经验和反馈！

以上是WordPress的深入介绍的详细内容。更多信息请关注PHP中文网其他相关文章！