首页 » 博文 » wpbeginner » 初学指南 » 初学者指南:如何使用 WordPress 块模式

初学者指南:如何使用 WordPress 块模式

您想了解如何在您的网站上使用 WordPress 块模式吗?

块模式允许您快速将常用的设计元素添加到帖子或页面布局中。

在本文中,我们将向您展示如何使用 WordPress 块模式并找到更多可在您的网站上使用的模式。

在 WordPress 中使用块模式

以下是我们将在本指南中介绍的主题。

什么是 WordPress 块模式?

WordPress 块模式是预制设计元素的集合,您可以使用它们更快地创建自定义内容布局。

WordPress 附带了一个直观的编辑器,通常称为块编辑器。它允许用户使用常见内容元素的块为其帖子和页面创建漂亮的布局。

WordPress 块编辑器

然而,并非所有 WordPress 用户都是设计师,或者希望每次需要创建帖子或页面时都花时间创建布局。

块模式为该问题提供了一个简单的解决方案。WordPress 现在默认附带了一堆有用的块模式。

WordPress 中的块模式

流行的 WordPress 主题还提供了自己的模式,您可以在编写内容时使用。

这些模式包括预构建的多列布局、媒体和文本模式、号召性用语模式、标题、按钮等项目。

您可以在 WordPress.org 网站上找到更多模式,甚至还可以创建和共享您自己的模式。

话虽这么说,让我们看看如何轻松地使用 WordPress 中的块模式为您的网站创建精美的内容。

视频教程

https://www.youtube.com/embed/IWKekSnJ9aQ?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent订阅 WPBeginner

https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com

如果您更喜欢书面说明,请继续阅读。

如何在 WordPress 中使用块模式

默认情况下,WordPress 附带了一系列有用的块模式,您可以在网站上使用它们。您的 WordPress 主题和某些插件也可能添加自己的模式。

要使用块模式,您需要编辑要使用块模式的WordPress帖子或页面。

在帖子编辑屏幕上,单击“添加块”按钮以打开块插入器。从这里,切换到“模式”选项卡以查看可用的块模式。

添加块图案

您可以向下滚动以查看可用的块模式。

您还可以查看不同类别的块模式,例如特色、按钮、列、标题等。

按类别对块图案进行排序

或者,您也可以单击“浏览”按钮来查看块模式。

在这里您可以在弹出窗口中看到更大的预览。

块图案预览

一旦找到想要尝试的模式,您只需单击即可将其插入帖子或页面的内容区域。

编辑块图案

之后,您只需指向并单击模式内的任何块即可根据您自己的要求编辑和更改其内容。

您仍然可以拥有每个块通常拥有的所有选项。例如,如果它是一个封面块,那么您可以更改封面颜色或背景图像

您可以根据需要为博客文章或页面添加任意数量的模式。您还可以简单地删除模式,将其从帖子或页面中删除,就像删除任何 WordPress 块一样。

拆下盖块

通过使用块模式,您可以快速为您的文章和WordPress 网站制作漂亮的布局。

最终,块模式可以帮助您节省时间,否则每次需要添加标题、库、按钮等时,您将花费在手动排列块上的时间。

寻找更多可在您的网站上使用的块模式

默认情况下,WordPress 附带了一些常用的块模式。WordPress 主题也可能会向您的网站添加自己的模式。

但是,您可以找到比您网站上的块插入器下可用的块模式更多的块模式。

只需访问WordPress 模式目录网站即可查看更多块模式。

块模式目录

在这里您会发现 WordPress 社区提交的更多块模式。

要使用这些块图案之一,只需将鼠标悬停在块图案上,然后单击“复制”按钮即可。

复制块图案

接下来,您需要返回WordPress 博客并编辑要插入此块模式的帖子或页面。

在帖子编辑屏幕上,只需右键单击并在浏览器菜单中选择“粘贴”或按 CTRL+V(在 Mac 上为 Command + V)。

粘贴块图案

如何创建和共享您自己的块模式

想要创建和分享您自己的 WordPress 块模式并与世界分享吗?

WordPress 使创建块模式并在您自己的网站上使用它们或与全球所有 WordPress 用户共享它们变得非常容易。

只需访问 WordPress 模式目录网站并单击“创建新模式”链接即可。

创建块图案

注意:您需要登录或创建免费的 WordPress.org 帐户才能保存您的模式。

登录后,您将到达块模式编辑器页面。它与默认的 WordPress 块编辑器相同,您可以使用它来创建您的模式。

块图案创建器

只需添加块即可创建您的图案布局。

您可以使用组、封面、图库等布局块来组织您的布局。

编辑块图案布局

还有免版税图像可在您的媒体块中使用。WordPress 媒体库将允许您轻松找到并在您的模式中使用这些图像。

一旦您对块图案感到满意,您可以将其保存为草稿或将其提交到图案目录。

在提交模式目录的块模式之前,请确保您已阅读块模式目录指南

您可以通过单击“我的模式”链接来管理所有块模式。它将显示您共享的所有块模式、草稿模式和您收藏的模式。

你的模式

如果您只想创建块图案供自己使用,则可以将它们另存为草稿。之后,您只需将它们从“我的模式”页面复制并粘贴到您的 WordPress 网站即可。

手动创建 WordPress 块模式

您还可以手动创建块模式并将其添加到您的 WordPress 主题或自定义片段插件中。

只需在 WordPress 中创建新帖子或页面即可。在内容区域中,使用块创建要另存为模式的自定义布局或块集合。

切换到代码编辑器

之后,切换到代码编辑器模式并复制您在代码编辑器中看到的所有内容。

复制原始代码块

接下来,打开纯文本编辑器(例如记事本)并将该代码粘贴到其中。您在下一步中将需要它。

现在您已准备好将块注册为模式。

为此,只需将以下代码复制并粘贴到主题的functions.php文件或特定于站点的插件中。

123456789101112functionwpb_my_block_patterns() {    register_block_pattern(        'my-plugin/my-awesome-pattern',        array(            'title'=> __( 'Two column magazine layout', 'my-theme'),            'description'=> _x( 'A simple magazine style two-column layout with large image and stylized text', 'my-theme'),            'categories'=> array( 'columns'),            'content'=> ' Your block content code goes here'            )    );}add_action( 'init', 'wpb_my_block_patterns');

WPCode与 ❤️ 主办

在 WordPress 中一键使用

现在复制并粘贴您之前复制的原始块数据作为内容参数的值。换句话说,您需要将“您的块内容代码位于此处”的文本替换为您的块代码。请务必保留文本周围的单引号。

最后,不要忘记将标题和描述更改为您自己的并保存更改。

您现在可以访问您的网站并编辑和发布或页面。您现在可以在块插入器中看到新注册的块图案。

将自定义块模式添加到您的帖子中

删除 WordPress 中的块模式

您可以轻松删除或取消注册 WordPress 中的任何块模式。假设您要删除在上例中创建的块模式。

您所需要做的就是将以下代码复制粘贴到主题的functions.php文件或特定于站点的插件中。

1234functionwpb_unregister_my_patterns() {  unregister_block_pattern( 'my-plugin/my-awesome-pattern');}add_action( 'init', 'wpb_unregister_my_patterns');

WPCode与 ❤️ 主办

在 WordPress 中一键使用

在此示例中,'my-plugin/my-awesome-pattern' 是我们注册时使用的模式的名称。

您可以使用此代码取消注册主题或插件创建的任何块模式。您需要知道的只是用于注册模式的名称。

删除核心 WordPress 模式

WordPress 核心模式可供所有 WordPress 用户使用。这意味着它们可能被过度使用,甚至可能与您的 WordPress 主题的其余部分不匹配。

如果您不想使用模式,那么您可以简单地避免将其添加到您的内容中。但是,如果您运行一个多作者 WordPress 网站,那么您可能希望阻止所有用户使用这些核心模式。

要删除所有核心 WordPress 模式,您需要将以下代码添加到主题的函数文件或特定于站点的插件中。

1remove_theme_support( 'core-block-patterns');

WPCode与 ❤️ 主办

在 WordPress 中一键使用

可重用块和块模式之间有什么区别?

块模式和可重用块都旨在解决类似的问题:为用户提供轻松添加常用块的选项。

然而,它们彼此之间有很大不同。

例如,可重用的块可以直接在帖子编辑器内编辑和保存,但它们不如块模式灵活。

一个很大的区别是,如果您对可重用块进行更改,它会更改您使用它的每个帖子或页面上的块。

WordPress 中的可重用块

有关更多详细信息,请参阅有关如何在 WordPress 中使用可重用块的教程。

另一方面,如果您插入模式并对其进行编辑,那么这些更改仅适用于您添加该模式的帖子或页面。

块模式也可以通过您的 WordPress 主题或插件(例如块插件)注册。这使得这些开发人员可以为您提供更多的设计选项来创建您的帖子和页面布局。

发表评论

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

Scroll to Top