模式

这个模式中的属性主题.json允许您从WordPress捆绑模式图案目录你的主题。这是一个简洁的系统,可以让您提供各种各样的模式,这些模式是您亲自选择的,而无需自己设计和构建。您可以使用目录中的任何模式。

WordPress.org模式目录的屏幕截图,其中显示了块模式演示的网格。

如果您有冒险精神,甚至可以将自定义设计的模式提交到目录。这将使您可以将它们与主题捆绑在一起,并让其他主题创建者和用户使用您的模式,即使您的主题尚未安装。

在本文档中,您将学习如何使用中的几行代码为主题的用户包括目录模式主题.json.

从目录中添加模式

模式是一个可选属性,可以将任意数量的模式绑定到主题中。该属性接受一个模式slug数组,只要这些模式存在于patterns目录中,它们就会出现在模式WordPress编辑器中的插入器。

下面是对模式属性为默认值主题.json:

{“版本”:2,“图案”:[]}

让我们看看模式目录中的一个模式:带有重叠图像的英雄横幅。要找到该模式的slug,您需要查看浏览器的地址栏,该地址栏应提供以下URL:

https://wordpress.org/patterns/pattern/hero-banner-with-overlap-images/

slug是URL后面的部分https://wordpress.org/patterns/pattern网站/在这种情况下,段塞为赫罗·班纳(hero-banner)-带翻盖-图像(注意,不包括最后一个斜杠)。

要在主题中包含此模式,只需将slug传递给模式中的数组主题.json:

{“版本”:2,“图案”:[“hero-banner-with-overlap-images”]}

现在您已经掌握了基本知识,请选择几个其他模式并将其添加到您的模式中的数组主题.json:

{“版本”:2,“图案”:[“全屏封面图片库”,“hero-banner-with-overlap-images”,“混合形状画廊”]}

现在,您应该在模式UI中的插入器:

页面编辑屏幕中的模式插入器,显示基于库的模式列表。

您包含的图案将自动显示在“图案目录”中为其指定的类别下。这些被映射到WordPress中注册的现有模式。上述示例代码中的模式都具有画廊模式类别,因此它们显示在图案>图库插入器中的卡舌。