使用 Block Pattern Builder 插件创建自定义模式

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/7482.html

我有没有提到我对块模式的潜力有多兴奋?对于普通的 Tavern 读者来说,此时我可能听起来像是一个破纪录,但我将继续宣传这个即将推出的 WordPress 功能.

上周末没有社交计划或其他需要我注意的重要事情,所以我很高兴能够将脚趾重新投入开发水域.自从六个月前成为 WP Tavern 的作家以来,我还没有为公开发布构建新插件.我对块模式的兴奋产生了一种我需要抓挠的痒.再加上我们在当前全球大流行期间都在练习的物理距离,这是一个整合我的插件想法的好时机.

让我向您介绍 Block Pattern Builder.

当在 Gutenberg 7.8 中为块模式启动初始 API 时,很明显注册自定义模式对于主题和插件作者来说是多么容易.构建一个模式就像创建一个唯一的 ID,给它一个标题,然后粘贴构成模式的块的代码一样简单.几乎没有编码实际上涉及构建模式.

因为模式只是块的 HTML 代码,这意味着可以利用块编辑器来创建它们.最终用户可以这样做.他们只需要一种简单的方法来发布他们的自定义模式.这就是 Block Pattern Builder 插件的用武之地.

带着这个想法,我在周六下午的一个小时内完成了一个工作原型.我已经稍微清理了代码并将其打包供大家使用.

下载插件:您可以从 WordPress 插件目录中获取插件,也可以直接从管理员的新插件屏幕中安装它.它也可以通过 GitHub 获得.

块模式生成器的工作原理

Block Pattern Builder 需要 7.8 版或更高版本的 Gutenberg 插件才能工作.最终,也许在 WordPress 5.5 中,块模式系统将直接合并到 WordPress 中.目前,需要最新版本的 Gutenberg 插件.

安装并激活插件后,它会添加一个名为"块模式"的新管理菜单项.从那时起,创建模式就像创建帖子或页面一样.您只需单击"添加新"按钮即可添加新模式.关联.您可以根据自己的意愿重新排列块.当你有你喜欢的模式时,发布它.

创建自定义块模式.

模式发布后,可通过块编辑器中的模式侧边栏获得.目前,这是编辑器右上角的一个按钮.但是,随着 Gutenberg 团队继续开发该功能,其位置和界面可能会发生变化.

在帖子编辑器中插入块模式.

这就是它的全部内容.这是一个简单的系统,但它将提供一种简单的方法来使用 Gutenberg 中的模式功能.

注意事项和想法

因为块模式是 Gutenberg 插件中不断发展的功能,所以系统可能会崩溃,直到事情稳定下来.底层 API 可能会发生变化.然而,这并不意味着我们不能在此期间获得一点乐趣.请记住,这目前在古腾堡中被标记为实验性功能.

如果您是想在自己的插件或主题中注册您的模式的插件或主题作者,您也可以使用此插件.在提供的编辑器中构建您的自定义模式.然后,切换到块编辑器的代码视图.您可以复制块代码并通过 Patterns API 进行注册.

如果您需要图案灵感,古腾堡中心的模板库有 100 多种创意可供选择.您可以将它们直接复制并粘贴到编辑器中,然后使用 Block Pattern Builder 将它们保存为自定义模式.

10

发表回复