自定义布局插件为经典编辑器和块编辑器创建了一个帖子显示系统

Ross Morsali 上周通过他的品牌 Code Amp 发布了自定义布局插件.该插件的目标是为块编辑器和经典编辑器的用户提供可视化的帖子布局构建器.

对于最终用户来说，这是众多用于显示帖子的插件之间的另一种选择.在这个领域推出多年的新插件之后，似乎会有一个明显的领跑者，但开发人员仍在试图驯服这个狂野而复杂的功能.自定义布局插件有自己的方法，值得快速旋转一下，看看它是否适合您.

我写了大量关于即将推出的查询块及其在 WordPress 未来中的作用的文章.但是，有必要查看通过块编辑器显示帖子的替代解决方案.古腾堡开发团队应该注意哪些有效，哪些无效.

对于开发者来说，该插件是一个值得注意的实验，它在实际编辑器之外使用了块编辑器组件系统.自定义布局在其自定义布局和模板编辑器屏幕上使用这些不同的组件.

插件是Morsali在过去一年半学习React和区块系统的产物.“作为开发人员与古腾堡和块编辑器一起工作是比旧范式(经典编辑器)优越得多的体验—学习曲线肯定更大，但一旦你克服了这个障碍，未来似乎是光明的，"他在插件的公告帖子中写道.“我也喜欢这样一个事实，即我们实际上不需要使用块编辑器来使用古腾堡组件 —这意味着我们仍然可以构建我们想要的东西以及我们想要的方式(前提是我们正在使用 React)，同时使 UI 与 WordPress 的其余部分保持一致.”

插件的工作原理

自定义布局与类似插件采用不同的路线，将其组件拆分到不同的屏幕.该术语可能会让初学者感到困惑.该插件介绍了作为其系统基础的两个部分:

• 模板:处理各个帖子的设计.
• 布局:控制查询的帖子及其布局.

自 12 月下旬以来，我已经有了该插件的测试版.这给了我三个星期的时间来决定我是否喜欢这种方法.一方面，该插件迎合了两个不同的用户群.一组可以通过自定义布局块实现他们的布局.经典编辑器上的用户可以使用布局编辑器屏幕.两者共享模板编辑器.

插件系统是经典编辑器用户的不错选择.它带有一个他们原本没有的可视化界面.它还提供了一个简码，便于复制/粘贴到帖子编辑器中.

对于块编辑器的用户来说，为模板构建器设置单独的屏幕可能会感觉不自然.由于块编辑器本身就是一个可视化界面，因此多个屏幕营造出一种杂乱无章的氛围，让人感觉正确.

但是，插件中有一个解决方案.我建议用户完全跳过模板编辑器和布局编辑器屏幕.自定义布局块用作块编辑器中的替代布局构建器.此外，用户可以通过弹出式覆盖编辑现有模板，甚至无需离开后期编辑屏幕即可创建新模板.

从帖子编辑器构建所有东西感觉应该是这样.用户可以通过块编辑器获得更多他们习惯的即时反馈.

多组件系统有很多好处.分离模板构建器意味着用户可以从单一来源构建和重用特定设计.他们还可以更新单个模板，这些模板随后将适用于整个站点中这些模板的所有使用.

另一个好处是最终用户不会有太多的选择.构建与查询相关的块、小部件、短代码或类似的组件非常复杂.这是因为对帖子列表进行布局包含三个部分:加载它们的查询、整体布局和各个帖子的设计.例如，将这些部分的选项放入块检查器中，意味着在牺牲一些选择和为用户提供所有可能的设置之间建立平衡.这种平衡行为是推动 Morsali 分离插件组件的原因.

总的来说，自定义布局是一个可靠的插件.缺点是有一点学习曲线，因为它服务于两个观众.用户首先需要弄清楚哪种工作流程最适合他们.一旦他们弄清楚了，该插件就非常适合使用.