如何使用WordPress块模式

你想学习如何在你的网站上使用WordPress块模式吗?

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

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

什么是WordPress块模式?

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

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

WordPress块编辑器

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

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

WordPress中的块模式

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

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

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

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

如何在WordPress中使用块模式

默认情况下,WordPress附带了一堆有用的块模式,您可以在网站上使用。您的WordPress仪表盘和一些插件也可能添加自己的模式。

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

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

添加块模式

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

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

按类别对块模式进行排序

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

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

块模式预览

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

编辑块模式

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

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

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

卸下盖块

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

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

查找要在网站上使用的更多块模式

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

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

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

块模式目录

在这里,您将找到WordPress社区提交的更多块模式。

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

复制块模式

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

在编辑后屏幕上,只需右键单击并在浏览器菜单中选择粘贴或按CTRL + V(Mac上的命令+ V)。

粘贴块图案

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

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

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

只需访问WordPress Pattern Directory网站,然后单击“创建新模式”链接即可。

创建块模式

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

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

块模式创建者

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

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

编辑块图案布局

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

一旦您对块模式感到满意,就可以将其另存为草稿或将其提交到模式目录。

在为模式目录提交块模式之前,请确保已阅读块模式目录准则。

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

您的模式

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

手动创建WordPress块模式

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

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

切换到代码编辑器

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

复制原始代码块

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

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

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

我爱主题网 自2012
主题:260+ 销售:1000+
兼容浏览器