WordPress块主题创建和全栈编辑

如果您最近一直在关注 WordPress 论坛和新闻，那么您肯定听说过全站点编辑 (FSE)，或者至少看到过对它的引用，例如块主题创建。 即使您不知道它是什么，您也可能听说过它，甚至可能想知道它可能对您意味着什么。

无论您是经常使用 WordPress 还是开发人员，都有好消息告诉您。 真正的关键是你不应该害怕它，一切都会对你有好处，为你简化这个过程。

我们有什么依据？ 先到先得。 在我们深入了解我们在标题中涵盖的内容之前，让我们首先了解一下 WordPress 完整的网站编辑。

WordPress 全站编辑 (FSE) 是……？

本质上，全站点编辑避免了块的想法。 以前，块可用于编辑网站的内容区域。 现在，当您使用全站点编辑时，您站点的每个部分都将被视为一个块。

由于这一重大改进，用户现在可以在单个平台上与页面和全局元素进行交互。 此外，它还添加了新的主题配置文件和开发工具。

将 WordPress 更新到最新版本后，您必须启用 FSE 主题，例如二十二十二。 之后，您只能使用 Gutenberg 块来构建整个网站。

FSE 如何帮助您？

得益于完整的网站编辑，现在构建和开发 WordPress 网站比以往任何时候都容易。 全局元素和任何页面更新都可以使用同一个编辑器进行。

以及全局元素，它们是什么？ 分配后，可以在整个网站中使用全局元素、容器和列。

这种创新技术允许您编辑网页或任何特定页面，从而节省时间。 您无需在编辑器之间切换即可了解正在发生的事情，因为您可以在编辑时实时看到它们。 结果？ 当您同时在页面和全局级别上操作时，您的网站设计会得到改善。

WordPress 6.0 版本默认没有启用 FSE。 因此，为了在使用 6.0 之前的 WordPress 版本时使用全站点编辑功能，您必须在激活 FSE 主题之前先更新 WordPress。 您网站的仪表板是您处理所有这些的地方。

WordPress 环境再次发展

WordPress 的这种类型的变化发生在上一时期。 大约三年前，我们都熟悉古腾堡（很难记住，因为最近几年中的一个，如果不是更多，突然消失了）。 您现在可以将其称为块编辑器。

然而，当它最初并入 WordPress 核心时，它被赋予了代号 Gutenberg。 改变是困难的。 因此，大多数人的反应都有些怪异。 嗯，几乎每个人。 几年后的今天，古腾堡被认为是相当有用的，经常令人愉快的使用，并且不断发展。 正因为如此，我们有信心这种转变会成功。 但变化比以前更显着。

焦点转移：从用户到建设者

首次引入这种块编辑器时，开发人员改变了他们制作素材的方式。 对于那些制作博客文章的人来说，它不像那些创建网站和开发网页的人那样具有破坏性。 切换到块对用户来说是有利的，随之而来的是许多令人兴奋的功能，例如能够定义一个材料块，然后将它动态地放置在网站上的任何地方（和任何地方）。 现在任何人和每个人都可以在不使用任何代码的情况下做到这一点。

但这种变化有点明显。 通过全站点编辑更改的不仅仅是您修改站点的方式。 它与您网站的基本框架有关。 这里不仅定义了您的页眉或页脚。 它涉及主题的组成部分。 换句话说，FSE 最终要造福于用户，但就目前而言，它更像是强调为构建者改进事物——无论是创建网页的人还是创建主题的人。

无论您是使用页面构建器，即完成在最好的会员网站构建器中使用易于使用的平台启动网站的项目，还是构建它们，你们中的许多人都已经习惯了这一阶段的生活。 您的页面可以按照您喜欢的方式设计。 但后来，您会意识到性能问题。 谷歌降低了你的排名，并说你的 DOM 太大了（不管那是什么）。 由于我们都知道性能为王，现在是了解更多关于 FSE 以及它如何改变您创建的网站的最佳时机。

那么为什么构建全站点主题很重要？

Beaver Builder 出现在 Elementor 之前，记得吗？ 你们中的许多人自己或在为商业客户创建大量网站的公司中使用它。 但是，他们需要另一种产品 Beaver Themer。 否则，当他们需要修改网页（或帖子）的页眉和页脚时，您必须为他们提供支持自定义（和动态）页眉和页脚的主题的帮助。

当 Blocksy、Kadence 和 Astra 等主题开始开发这些功能时，这令人兴奋。 但这也导致了一些锁定。 你知道接下来会发生什么：客户在他们的网站上安装插件后，他们发现它与主题或页面构建器不兼容。

突然间，每个人都在指指点点。 主题公司声称不是他们。 根据页面构建者的说法，也不是他们。 你猜怎么着？ 游戏中的新玩家，托管公司，声称不是他们。 最初建造该网站的建筑商（承包商和代理商）最终受到指责。

当用户开始抱怨这些页面加载速度有多慢时，同样的事情也发生了，这要归功于这些页面构建器生成的代码。 代理商和自由职业者受到批评。

解决方案

这种支持全站点自定义的阻止主题的更改代表了网站创建方式的根本转变。 随着这一变化，页面和整个网站上的每个元素都是一个块：内容、菜单、侧边栏、页眉和页脚。 每个区块。 因此，主题可以更轻松。

主题仍然需要完成一些任务，例如统一整个站点的块的通用样式或修复印刷错误。 开发人员可以在新的 theme.json 文件中配置所有这些。 但它不仅用于建立参数。 这也是开发人员改变客户使用编辑器方式的一种方式。

此外，主题中的 UI 元素并不多。 很容易想象，您已经习惯的下一次迭代——使用自定义构建器——将由现在的 JSON 配置器驱动。

简而言之，这是未来一代的主题，也是您最终能够限制用户使用这些新主题完成的任务的方法。

如何从逻辑上理解这一切？

即使看起来令人兴奋，更大的困难是确定你们将如何解决这个问题。 没有人愿意开发一个非常简单的新颖概念。 没有人愿意开发一个激怒用户的全新主题。

您想要“久经考验”的舒适感和“新”的力量。 而且问题多于解决方案……

您正在查看用于集成和构建块主题的开发人员课程

想象一下，参加一门课程，该课程详细解释了您必须了解的有关构建块主题和 FSE 的所有内容。 除其他外，我们指的是以下 14 项：

• 了解全站点编辑以了解它如何影响主题开发。
• 创建准系统索引模板，然后使用块从数据库中检索帖子。
• 无需编写一行代码，即可实现整个博客主页模板。
• 应添加主题的页眉和页脚。
• 了解全站点编辑如何处理导航菜单。
• 了解如何使用 theme.json 文件预先安排块编辑器首选项。
• 了解如何使用内置模式控件创建多功能布局。
• 使用 theme.json，应用通用排版和配色方案。
• 使用间距控件管理填充和边距。
• 了解如何设置块编辑器，使其设置符合主题。
• 添加字体选择、渐变、调色板和其他可定制选项。
• 要限制您的客户与基本设计的差异，请了解如何从块中消除不需要的自定义选择。
• 了解如何使用模式来帮助您和您的客户更快地构建页面。
• 利用模板元素防止在不同模板中再次使用块组件。

这是一个令人印象深刻的教训清单。 好消息是，培训不仅仅专注于传授知识。 我们鼓励您在本次培训中弄脏手指和指甲。 实践使它完美。

嘿，你不需要想象它，这是个好消息。 程序已创建。 一切就绪。 虽然这不是帖子的预期主题，但我们还是会披露它，因为我们在为文章收集信息时遇到了它。 Frank Klein 是一位知名并受到 WordPress 专业人士推崇的开发人员，他创建了这门课程。

所以，伙计们，祝你在构建块主题和做 FSE 方面好运！