8月26日自动机上线名为“Seed”的新主题侧重于与 WordPress 块编辑器集成。几天后,住在 WordPress.org 主题目录中。主题开发团队希望制作一个主题,以便在今年晚些时候登陆 WordPress 5.6 时过渡到完整的站点编辑。

Seedlet 广泛使用了与块编辑器集成的功能。它以最简单的方式做到这一点,证明了在基于块的主题时代的曙光中主题开发如何变得更加容易。该主题大量使用了主题支持的功能,例如自定义字体大小、颜色和渐变。它的集成需要一个额外的步骤,即注册块样式和模式。

Seedlet 几乎感觉到块编辑器周围的皮肤。这是我们正在努力实现的未来的一个很好的例子,这意味着更少地关注代码,更多地关注设计配置。主题将不是传统意义上的主题。我使用“皮肤”这个词的原因是它在过去的日子里悄悄进入了各种系统,设计师只是简单地将 CSS 添加到网站皮肤中。 WordPress 主题总是比简单的样式表复杂一点,但也没有那么复杂。我们将回到 CSS 和 HTML 的基础知识。

这是我看Seedlet主题代码时看到的。虽然它在 PHP 中仍然很丰富,但有一个清晰的结构可以清楚地表明主题开发正在发生变化 - 这就是我们正在过渡的目标。

我见过许多开发人员为与块编辑器一起使用而构建的主题。但是,我只看到少数先采用块编辑器。它几乎是微妙的,除非您多年来一直深入主题开发,否则您可能会错过它。 Automattic 的主题团队正乘着变革之风。想要上路的主题作者应该注意未来几个月项目的发展方向。

有一件事我不明白,为什么 Automattic 没有选择在主题中添加“块编辑器样式”标签。显然添加了这样的样式。这是一个帮助用户找到与块编辑器兼容的主题的机会。

这个主题并不合所有人的胃口。这是一个基本的博客主题。然而,其开放的画布使其适用于各种场所。主题的排版是正确的,可以为较长篇幅的作品提供舒适的阅读速度。这个主题有很多值得喜欢的地方,但我最感兴趣的是开发团队为块编辑器构建的内容。

该主题的首席设计师 Kjell Reigstad 还宣布该团队正在开发完全基于块的 Sapling 版本。目前的计划是继续对其进行迭代,并在未来将其作为单独的独立主题发布。

实验性块模式

尽管 Seedlet 仅包含三种块模式,但它们立即让我脱颖而出。这些图案并不过分复杂,但它们是利用核心块以及自定义渐变和块样式等主题预设组合的独特设计。

“Group with Split Background”模式使用带有主题预设对角渐变的“Group”块为图像块创建背景。这不是一个特别具有开创性的设计。然而,美在于简单。它表明主题作者可以在不添加额外 CSS 代码的情况下创建有趣的设计。

使用编辑器中的“分背景”模式进行分组。

主题的“图像重叠组”模式使它更复杂。从组块的相同概念开始,使用另一个自定义渐变预设,抛出一个列块。在左栏中,用户可以添加两个堆叠图像。在右栏中,用户可以添加图像。最终结果是一个自定义布局——主要是由于渐变背景——左列中的两个图像与纯色背景重叠。

"图片叠加"模式的群组前端输出。

就代码而言,该技术很简单,但需要优秀的设计师来创建概念。我们现在才开始探索主题设计者在开始考虑将各种技术应用于模块系统时能够完成什么。在处理渐变方面,Seedlet 有一些开箱即用的想法。我们需要向主题社区学习更多。

诚然,我不喜欢主题添加的第三种模式。 “最新帖子的替代网格”以主题的自定义“替代网格”样式将“最新帖子”块插入到编辑器中。通常,我只是不关心布局,但这只是基于我的个人品味。

编辑器中的“最新帖子”交替网格。

总的来说,我喜欢主题与块模式的关系。这种类型的探索正是 WordPress 社区现在所需要的。

喜欢这样:

喜欢正在加载...

资源