如何创建 WordPress 块模式

WordPress 是一个强大的在线发布工具,任何人都可以轻松创建和共享文本和/或多媒体内容,即使那些没有 Web 开发技能的人也可以使用。除此之外

,WordPress 对于设计师、营销人员和开发人员来说也是一个很棒的专业工具,无论他们的背景如何。

简而言之,WordPress 可以成为您工作  中最  WhatsApp 筛查  有价值的同事,并且可以为您在不同类型的职业中取得成功提供巨大帮助。

为此,我们在此博客上发表了一系列文章,以帮助读者掌握成为 WordPress 开发人员所需的技能:

如何创建自定义古腾堡区块

如何为 Gutenberg 创建动态块
如何在 Gutenberg 中向帖子添加元框和自定义字段
对于那些喜欢视频内 清晰的规则建立在简单易懂的语言上  容的人,我们还提供免费视频课程:为 Gutenberg 开发自定义块。

是的,您可以通过获得 Gutenberg 开发技能来提升您的职业前景,但您不必成为一名 Web 开发人员即可在 WordPress 网站上创建高级布局。

WordPress 用户可以利用多种功能轻松创建块布局。在本文中,我们将重点讨论块模式。

什么是块状图案

块模式是预先构建的块集

可以添加到您的 WordPress 网站内容中,并使用与 Gutenberg 块相同的设计工具进行自定义。

它们是在 WordPress 5.5 中引入的,允许您只需单击几下即可将复杂、可立即使用的嵌套块结构插入到您的内容中。

块主题通常  巴西商业名录  提供一些块模式,您可以直接从块插入器面板将其添加到您的内容中。 WordPress 6.7 附带的新默认主题 Twenty Twenty-F​​ive 具有超过 70 种块模式。

Twenty Twenty-F​​ive 主题中的块状图案
Twenty Twenty-F​​ive 主题中的块状图案
但主题提供的图案并不只有这些。

首先,我们在 WordPress 模式库中拥有大量可立即使用的块模式。

此外,您可以使用 Pattern API 或块编辑器中提供的编辑工具创建无限数量的模式。此外,您可以在您的网站内部使用自定义图案,将其导出到其他

网站或在图案库中公开分享它们

从 WordPress 6.3 开始,全新的模式系统使模式创建过程更加灵活。现在,您可以更清楚地了解您正在创建什么样的布局以及您的自定义对您的网站有什么影响。

块模式主要有两种类型:

同步块模式
标准块模式(不同步)
两种模式之间的主要区别在于,对同步模式所做的任何更改都会应用于整个网站上出现的所有模式。相反,对标准块模式所做的更改只会影响该模式的特定实例。

但关于块模式还有很多要说的。这个系统如何工作以及如何利用最新版本的 WordPress 中添加的新编辑功能?让我们来一探究竟。

预定义块模式
同步和非同步块模式
覆盖同步模式
模板部件
模式和模板部件之间的差异
预定义块模式
默认模式是“不同步的”,这意味着您对块模式所做的更改只会影响您正在编辑的特定实例,而不会应用于可能已添加到您网站上的其他帖子或页面的其他实例。

您可以使用预建的块模式插入预建的布局,您可以通过更改图像、文本、样式或添加和删除元素来当场自定义这些布局。

创建自定义块模式后,您可以将其添加到网站的任何位置,并使用编辑器中的内置控件只需单击几下即可对其进行自定义。

WordPress 6.7 块插入器中的“Pattern”选项卡
WordPress 6.7 块插入器中的“Pattern”选项卡
您可以从编辑器的块插入器面板中的“模式”选项卡浏览和插入预定义的块模式,或者访问站点编辑器中的“模式”管理区域。您还可以浏览 Patterns 目录中可用的模式。

浏览 WordPress 图案库中的图案
浏览 WordPress 图案库中的图案
在图库中,只需选择一种图案,单击“复制图案”按钮,然后将其直接粘贴到您的内容中。

从图案库中复制图案
复制图案

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部