Automattic主题团队宣布其新的Block Parent主题Blockbase

自动主题团队宣布其新区块父主题模块基础自动主题团队宣布其新区块父主题模块基础从网站编辑器中看到的Blockbase WordPress主题。

任何构建并维护其主题的WordPress公司都已经在进行至少一些前期工作,因为WordPress越来越接近于捆绑其即将推出的块主题系统。 Automattic的主题团队也不例外。 本·德威尔 宣布了团队的新Blockbase父主题 昨天在Theme Shaper博客上。 它包括对全局样式和块模板的支持。

该主题基于经典的块编辑器就绪 空白的画布 Automattic在1月份启动的项目。 直到几天前,它甚至被命名为Blank Canvas Blocks。 在过去的几个月中,我一直在检查团队的工作,以期了解Blockbase和 梅兰街区,是基于团队最初的Mayland的儿童主题。

团队已经建立了一个完善的系统,该系统应该防止他们在每次更改时检查他们为WordPress.com创建的每个块主题。 对于尚未将脚趾浸入主题公园的主题作者,这可能也是他们需要的起点。

一些块主题设计师的圣杯将创建一个仅包含theme.json文件的项目。 目标:让WordPress通过设置和样式配置生成所有CSS。 通过这种方式,所有主题的作者将永远不可能实现他们的设计目标-大多数人将至少需要一些自定义CSS。 而且,这样的目标是否是一件好事还有待观察。

尽管如此,主题设计的未来将取决于JSON配置和生成的样式。 Blockbase利用该系统为其最终的子主题创建了一组标准化的路标。 这样可以确保创作者不会随着块样式的快速发展而不断更新其主题。

Blockbase充当了当前可以通过theme.json文件配置的功能与将来可能实现的功能之间的桥梁。

这是现代 下划线(_s) 区块,WordPress主题设计社区将需要一个这样的项目。 他们将需要一个起点和教育工具,而Blockbase就是这样。

最新版本 Gutenberg插件的功能仅涵盖其中的一小部分,最终WordPress将在未来数月和数年内处理。 但是,它确实允许主题作者通过settings.custom键添加自定义设置,从而创建自己的CSS变量,这些变量将自动输出到网站的头部。 主题团队利用此功能发挥了优势。 如果Gutenberg当前不支持设置,则Blockbase具有自定义theme.json参数。 然后,主题在其样式表中使用生成的CSS变量。 随着古腾堡(Gutenberg)和WordPress最终支持更多这些设置,该团队可以简单地删除不需要的代码。

主题并非一无是处。 “块基旨在表示所有主题样式设置,我们认为它们最终应存在于全局样式中,并且可由用户配置,” Dwyer写道。 随着系统的不断完善,块主题的开发可能仍会以意想不到的方式发生变化,并且主题也将随之发生变化。 道路上的颠簸应该是可以预期的。

这是一个项目,不久以后,当前的区块链开发者可以从中学习。 虽然目前 可通过GitHub获得,德怀尔(Dwyer)说,如果有足够的兴趣,团队可以研究使其成为npm软件包。

主题所做的最独特的事情之一就是通过PHP使用theme.json设置。 在Blockbase的functions.php文件中,它 挑选出已注册的字体系列名称 在JSON文件中。 然后,它会从Google Fonts API自动加载其关联的样式表。 尽管它没有在代码中进行记录(应该是),但我猜测是,目标是允许子主题作者在自己的theme.json文件中声明字体,并让Blockbase处理加载。

该代码相对简单。 重要的是技术。

随着开发人员努力应对WordPress主题体系结构不断变化的性质,他们将需要为以前在仅PHP的世界中解决过的一些老问题找到新的解决方案。 随着大多数主题配置转移到JSON,模板转移到HTML,很容易感觉到它们正在失去PHP的动态特性。 这是可靠的东西,开发人员花了很多年围绕旧WordPress磨练自定义系统。

新的WordPress开箱即用地提供了一组更强大的设计工具,但似乎有些陌生。 因此,看到现实世界中其他人如何处理这些功能的代码示例是将更多主题作者转换为基于块的开发的关键步骤。

这可能只是一小段代码示例,但是我的聪明想法给我留下了深刻的印象。 在学习更多关于块主题如何工作的旅程中,我经常发现自己撞上了砖墙,与系统作斗争。 此代码适用于它,而不是针对它。

关于一个仅跨越21行代码的函数,我并不经常写几段文字,但我仍然是一名开发人员,热衷于看到优雅的简单解决方案。 它与字体加载技术无关;它与字体加载技术无关。 它是关于解决问题。 毫无疑问,在未来几年中,该代码将被复制数千次,并将被修改以用于更多的用途。 如果您是主题开发人员,但还没有看到,则可以。

像这样:

像载入中…

来源

原创文章,作者:WPJIAN,如若转载,请注明出处:https://wpjian.com/tips/2021052945713.html