块编辑器彻底改变了 WordPress。我们可以创建块内容并以组件式的方式排列它们的想法,意味着我们在创建内容方面拥有很大的灵活性,以及开发新型模块化内容的大量机会。
但自编辑器最初引入以来,块生态系统中发生了更多事情。去年,Dmitry Mayorov 撰写了关于块变体的出现以及它们如何通过扩展现有块来创建其样式变体从而提供更多灵活性的文章。

然后我们得到了块模式,或者将块拼接成可重用的模式的能力 的能力。

因此,这意味着我们有块、块变体、可重用块和块模式。这对于直接在编辑器中设计布局来说是很多很棒的工具!
但是您可能听说过 WordPress 计划让块超越帖子编辑器。它们直接针对全局元素——菜单、页眉、页脚等——以期在 WordPress 中建立全站编辑 (FSE) 功能。
哇。我当然不能代表其他人,但我的脑海中立刻浮现出这对主题开发者意味着什么。我的意思是,当模板是在编辑器而不是代码中设计的时候,主题是什么?我想主题很像一个包含很少标记的壳集合。也许更多的开发工作将用于创建块、块模式和块变体,以将所有内容拼接在一起。
实际上就是这样,而且您可以立即进行测试。确保您使用的是 WordPress 5.6 或更高版本,然后安装实验性的 TT1 Blocks 主题 和 Gutenberg 插件。
打开主题,它实际上是两个 PHP 模板,然后——就是这样——用于块模板和块模板部分的 HTML 文件。

我个人完全支持这个方向。我甚至可以这么说(偷偷瞥了一眼 Chris),CSS-Tricks 也完全支持这个方向。 我们去年切换到了块,它重新点燃了我们对撰写像这篇博客文章一样的文章的热爱。(老实说,我过去可能会先用代码编辑器写这样的东西,然后用经典编辑器将其移植到 WordPress。当时对我来说,那是一种更好的写作体验。)

虽然我对块持乐观态度,但我了解其他人并不这么认为。事实上,我与许多人合作过(我的意思是善意的),他们对块编辑器一无所知。为块编辑器开发是一个巨大的思维转变,目前 缺乏相关文档。事情仍然处于积极开发阶段,并且每次发布新的 WordPress 版本都会对块编辑器进行迭代。不能责怪人们决定等待下一班车,因为事情会逐渐稳定下来,标准也会随之发展。
但是,与此同时,这确实符合 Matt Mullenweg 在 2015 年对 WordPress 开发人员臭名昭著的建议:深入学习 JavaScript。
我(并且仍然非常)对块感到兴奋。全站编辑让我有点害怕,但这主要是因为它将块的概念移到了编辑器之外,而我目前才开始对它们有很好的了解。
无论这一切意味着什么,我最期待的是一个支持 FSE 的默认主题的正式发布。还记得您第一次打开 WordPress 主题时的感受吗?我对标记感到惊叹,并花费无数个小时挑选代码行,直到我把它变成自己的。这就是我第一次打开新主题时所期待的体验。
在此之前,这里有一系列保持循环的方法
- WordPress 设计 – 手册将 FSE 列为团队当前的优先事项之一,并概述了该项目。它上次更新于 2020 年 5 月,因此我不确定信息有多新以及该页面是否仍在维护。
- 如何测试 FSE – 在本地设置 FSE 站点并参与测试的说明。
- TT1 主题仓库 – 查看正在报告的内容以及这些问题的状态。这是关注主题开发的地方。
- Gutenberg 插件仓库 – 报告的插件问题。这是关注块开发的地方。
- 主题实验仓库 – 查看更多正在尝试使用块和 FSE 的主题。
- #fse-answers – 一系列关于 FSE 的问题的回复集合。
- #fse-outreach-experiment – 用于讨论 FSE 的 Slack 频道。
我对 CMS 的看法
1) 该行业需要停止使用 WordPress,而是使用 Strapi 和 Directus 等对开发者友好的现代系统,这些系统使用编码最佳实践,而不是 WordPress 过时的功能
2) 用户需要被赋予较少的编辑整个网站设计的能力,因为他们中的大多数人甚至无法构建一个具有优化功能的网站。他们应该只关注文本内容,而不是布局和设计
1) 正确!WordPress 使用非常旧的功能,我们现在掌握了更多东西,感觉 WP 正在落后于它的可能性。
2) 完全正确。这在旧的 WP 编辑器中很常见。现在 Gutenberg 使许多用户的事情变得复杂和模糊。虽然我喜欢块的概念,但我认为它会让新用户感到困惑。但这可能只是偏见。
我同意第二点。作为曾在爱尔兰一家全国性报纸担任设计师的人,我们使用的 CMS 给记者和编辑人员提供了太多“灵活性”。在某些情况下,人们并没有考虑设计、空白与内容的关系、排版或美观性。关于你的第一点,你需要替换的不仅仅是 WordPress,例如 WooCommerce。它在这个阶段无处不在,还有更多东西依赖于它
你的第二点非常到位,有大量个人和小公司使用 WordPress 为小型企业创建网站,他们不仅没有能力,而且没有兴趣创建和整理全新的内容页面(这对开发人员来说可能很有趣),只是保持现有内容更新并发布文章/新闻等,我认为这种情况永远会存在。
非常感谢你撰写这篇文章并重点介绍 FSE 外联计划。我目前负责那里的工作,因此我很高兴看到这篇文章!我想特别强调的是,全站编辑的一个令人兴奋的方面是,作为更广泛项目的一部分而构建的工具和功能将对您是否完全选择使用 FSE 都很有帮助。这项工作的 最终里程碑 是“逐步采用”是有原因的!例如,将来,我们可能会看到如下变体
传统主题 + 全局样式
传统主题 + FSE 模板
传统主题 + 站点编辑块
块主题 + 无全局样式支持(因此所有样式都是 CSS)
块主题 + 全局样式支持
传统主题 + 基于块的小部件
传统主题 + 基于块的小部件 + 基于块的导航屏幕
这意味着如果人们想要走在技术前沿,他们可以这样做。相反,如果人们想要慢慢适应,也会有很好的途径这样做。无论如何,敬请期待!最后,如果对您有所帮助,我想提及这篇文章 关于如何跟上 FSE 的步伐,因为它今天仍然适用。
如果任何人在 WordPress.org 的 Slack 上想聊天或对外联计划有反馈,可以联系我(@annezazu)(通过构建有趣的 404 页面来帮助测试 FSE)。
这非常有帮助,谢谢 Anne!
这是开发者块编辑器文档的正确入口 https://developer.wordpress.org/block-editor/
我是一家代理机构的首席开发人员,我们已经使用 ACF Flexible Content Layouts 并将可重用块构建为模板部件的方式构建了一段时间了。
事实证明,使用这种方式构建效率极高,因为我们已经建立了一个常用块的存储库,我们可以将其放入项目中,然后根据设计简单地调整 CSS。
区块变体、模式和可重用区块将是另一个改变游戏规则的功能,它也将迫使我们最终迁移到区块编辑器。
我对它带来的可能性感到非常兴奋,尤其是在使用 JAMStack 和 WP REST API 构建 JS 前端方面。
敬请关注!
我真的很想喜欢这个新的编辑器——我尝试过几次。但我认为这个东西完全是用户体验灾难(至少对我来说)。它违反了所有正确的用户体验规则,例如,它没有提供适当的反馈,所以我必须在屏幕上乱点才能让它做点什么。没有布局指南。我不知道一个区块的开始和结束。我无法在我的页面心理模型中将编辑器与实际的视觉外观关联起来。图像缩放不起作用,它完全破坏了编辑模式下的布局,并且在前端看起来完全不同。我可以继续说下去……我认为这个编辑器想要在一个产品上添加一个很酷的新层,但这个产品背后的技术根本无法使其正常工作。此外,我严重怀疑它是否曾由用户体验设计师接触过,或者是否进行了适当的用户测试。我现在正在研究 kirby、grav、bolt 和其他 CMS。只需要一个选项来替换 woocommerce,以便客户可以拥有他们的电子商务。如果有人有好的 woocommerce / wordpress 替代方案,我很乐意听取!