上周,Ross Morsali 通过他的品牌 Code Amp 发布了自定义布局插件。该插件的目的是为块编辑器和经典编辑器的用户提供可视化的后期布局生成器。

对于最终用户来说,这是许多用于显示帖子的插件中的另一个选择。在这个领域出现多年的新插件之后,似乎会有明显的领跑者,但开发人员仍在努力驯服这个狂野而复杂的功能集。自定义布局插件有自己的方法,值得快速浏览一下,看看它是否适合您。

我已经写了很多关于即将到来的查询块及其在 WordPress 中的未来。但是,值得研究通过块编辑器显示帖子的替代解决方案。 Gutenberg 开发团队应该知道什么有效,什么无效。

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

这个插件是Morsali近一年半来学习React和block系统的产物。他写道:“作为开发人员与古腾堡和块编辑器一起工作远远优于旧范式(经典编辑器)——学习曲线肯定更大,但一旦你克服了它,未来看起来一片光明,”他在插件的公告帖子。“我也喜欢这样一个事实,即我们实际上不需要使用块编辑器来使用古腾堡组件——这意味着我们仍然可以构建我们想要的东西和我们想要的方式(假设我们使用的是 React),同时保持UI 与 WordPress 的其余部分一致。”

插件的工作原理
模板编辑器屏幕。

Custom Layout 采用与类似插件不同的方法,将其组件划分到不同的屏幕。术语可能会让初学者感到困惑。该插件引入了两个部分作为其系统的基础:

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

我有自 12 月下旬以来就有了该插件的测试版。这给了我三周的时间来决定我是否喜欢这种方法。一方面,该插件迎合了两个不同的用户群。一个集合可以通过“自定义布局”实现其布局块。经典编辑器上的内容可以使用布局编辑器屏幕。两者共享模板编辑器。

创建一个三栏网格布局。

对于经典编辑器的用户来说,插件系统是一个不错的选择,它带有他们没有的可视化界面否则。它也o 提供了一个简码,可以轻松复制/粘贴到帖子编辑器中。

对于块编辑器的用户来说,为模板构建器创建一个单独的屏幕可能会让人觉得不自然。由于块编辑器本身是一个可视化界面,因此多个屏幕营造出一种从未有过的错综复杂的氛围。

不过,插件里有解决办法。我建议用户完全跳过模板编辑器和布局编辑器屏幕。自定义布局块充当块编辑器中的备用布局构建器。此外,用户可以通过弹出窗口编辑现有模板,甚至无需离开编辑屏幕即可创建新模板。

叠加编辑模板。

这就是从帖子编辑器构建一切的感觉。用户可以获得更多关于他们使用块编辑器的习惯的即时反馈。

多组分系统有很多好处。独立的模板构建器意味着用户可以构建和重用来自单一来源的特定设计。他们还可以更新单个模板,然后将其应用于整个站点中这些模板的所有使用。

另一个好处是最终用户不会有过多的选择。构建与查询相关的块、小部件、短代码或类似组件很复杂。这是因为帖子列表由三个部分组成:加载它们的查询、整体布局和各个帖子的设计。例如,将这些部分中的每一个的选项放入块检查器中,意味着在牺牲一些选项和为用户提供所有可能的设置之间取得平衡。这种平衡行为促使 Morsali 分离插件的组件。

总的来说,Custom Layout 是一个可靠的插件。不利的一面是,由于它为两个受众提供服务,因此存在一些学习曲线。用户需要首先确定最适合他们的工作流程。一旦他们弄明白了,这个插件就很好用了。

喜欢这样:

喜欢正在加载...

资源