您需要了解的有关 WordPress 模式目录的内容
已发表: 2021-08-26去年年底,我写了一篇关于 WordPress 模式是什么、它们的用途以及如何在 WordPress 块编辑器中创建和使用它们的综合指南。 在短短半年多的时间里,得益于整个 WordPress 社区背后的努力,块模式的开发有了长足的进步。 我们看到 WordPress 5.8 版本发布后,它的可用性和使用量正在迅速增长。 出于这个原因,我认为更新 WordPress 模式目录很有趣,因为它将影响我们将来如何重新设计页面和主题。
正如我们之前已经评论过的,块模式是一组预定义的部分或片段,由一组块组成,您可以在创建页面和帖子时使用它们。 这些设计可以像显示两个按钮的部分一样简单,也可以是具有华而不实和复杂设计的价格部分。
插入和编辑块模式
从块编辑器插入块模式与添加任何块一样简单。 单击编辑器左上角的 + 图标后,会出现一个弹出对话框,您可以在其中添加块、模式或其他可重用元素。

在Patterns 选项卡中,您将找到一个下拉列表,您可以在其中按类别选择要搜索的模式。 您会发现一些模式默认来自 WordPress,其他模式特定于您安装的主题,还有一些来自您的插件。 事实上,有很多插件会添加一套全新的漂亮图案!
选择任何模式后,组成它的一组块会自动添加到您的帖子或页面中。 您现在要做的就是调整它,使它们包含您想要的内容。

从 WordPress 模式目录复制和粘贴
2021 年 4 月下旬,WordPress 在 WordPress.org 上发布了模式目录。 在撰写本文时(2021 年 8 月 23 日),WordPress.org 中没有可直接导航到此页面的菜单项。 至少,英语中没有,因为西班牙语中有一个。

尽管乍一看,这个目录可能与主题或插件目录相同,但它具有将任何模式轻松添加到任何帖子或页面的功能。
在 WordPress.org 模式目录中搜索块模式与您在 WordPress 仪表板上可用的内容非常相似。 您可以按关键字搜索,也可以使用一组类别来缩小搜索范围。 此外,如果您登录到 WordPress.org,您可以为任何模式添加书签。
当您双击图案时,它会详细显示它,您可以在不同的屏幕尺寸之间进行选择,以查看每个尺寸的外观。

正如您在上图中所看到的,您有一个按钮,您可以使用该按钮复制模式,并且在粘贴到任何页面或帖子后,您已经拥有整套块,以便您可以进行必要的修改以适应它们您喜欢的网站:

玛丽·马丁
主编辑

伊丽莎白林登
样式编辑器

珍妮特·史密斯
时尚编辑
通过替换照片、文本和链接,您可以快速构建一个完全符合您在页面上需要的块的部分。

露丝·拉文托斯
CEO

安东尼奥·维勒加斯
首席技术官


大卫·阿奎莱拉
首席产品和质量官
容易,对吧?
将模式添加到 WordPress 模式目录
尽管创建和提交模式到 WordPress 模式目录的最终环境应该是什么样子的工作仍在进行中,但现在可以调用,您可以上传自己的模式以在目录中发布。 让我们用一个简单的例子来看看我们是如何做到的。
首先,您必须创建自己的模式。 您可以直接在块编辑器中创建它,就像我刚刚在下面从我们的主页上创建的推荐模式一样。 请记住,如果您包含图像,则它们必须具有用于商业用途的免费许可。
我们的客户对我们的评价
我们的客户爱我们,因为……

️️️️️️️️️️️️️️️️️️️️️
哇这真的有效
到目前为止,这个插件是我们用过的最好的工具。 我们所有的客户都很高兴使用这个插件。 易于使用和漂亮的用户界面。
姓名 姓氏- 职位

️️️️️️️️️️️️️️️️️️️️️
哇这真的有效
到目前为止,这个插件是我们用过的最好的工具。 我们所有的客户都很高兴使用这个插件。 易于使用和漂亮的用户界面。
姓名 姓氏- 职位

️️️️️️️️️️️️️️️️️️️️️
哇这真的有效
到目前为止,这个插件是我们用过的最好的工具。 我们所有的客户都很高兴使用这个插件。 易于使用和漂亮的用户界面。
姓名 姓氏- 职位
然后你需要有一个Github 帐户并填写预定义的表格,您必须在其中包括:
- 模式的描述,
- 标题,
- 目录中可用的类别,
- 图案的截图,
- 您包含的图片来源,以及
- 块标记。 为此,您只需将鼠标放在形成图案的组中,单击带有三个点图标的按钮,然后单击复制(这样您就可以将其粘贴到 Github 中)。

就是这样。 您可以转到“预览”选项卡以查看结果,最后单击“提交新问题”按钮。

现在,您只需要等待有人查看它,以便它在 WordPress 模式目录中可用。
目录新闻
正如我之前提到的,提交模式的过程仍在开发中。 工作正在进行中,您无需从 GitHub 提交,您只需登录 WordPress.org。
正在研究的想法是,从 https://wordpress.org/patterns/new-pattern/(当前页面为空白),您将看到类似于下图的页面,其中一旦登录 WordPress.org,您将有一个创建模式按钮。

要创建模式,您将能够使用块编辑器的 WordPress 托管实例。 这个编辑器(大部分)将像普通的块编辑器一样工作,但有一些调整。 第一个变化是您将拥有一个自定义版本的编辑器欢迎弹出窗口,专注于创建和提交模式。

另一方面,模式的编辑侧边栏也会包含有关它的信息,例如标题、描述和类别。

最后,您可以选择提交要审核的模式并与世界其他地方分享。

总结
WordPress 块模式最终可能会成为页面和帖子设计中最常用的元素。 它们对于添加作为一个单元完全有意义的部分非常有用,并且与您必须逐个添加构成该部分的每个块相比,它们可以让您更快地构建页面。 并且在目录中搜索模式将以类似于插件和主题的方式标准化。
就个人而言,当我现在查看目录中的可用模式时,我仍然发现很难找到我会直接在我的网站上使用的模式。 但我知道这将在几天内改变。 当伟大的设计师开始添加他们的提案时,我们将触手可及的设计爆炸式增长,这将使我们能够更快地更新我们的页面。
尼克·莫里森在 Unsplash 上的照片。