spot_img
HomeWordPress教程如何使用 WordPress 列块

如何使用 WordPress 列块

列是大多数现代网站和页面构建器中的关键组件。 幸运的是,WordPress 块编辑器使您能够同时使用列和行,因此您可以完全控制每个页面的布局。 但是,尽管构建器会自动添加行,但您需要使用 堵塞。

在本文中,我们将向您展示如何添加此 阻止 WordPress 以及如何配置它。 然后,我们将介绍一些提示,以便您可以充分利用您的专栏,以及一些有关区块的常见问题 (FAQ)。

让我们开始工作吧!

订阅我们的 YouTube 频道

如何将列块添加到您的页面或帖子

首先,打开要处理的页面或帖子的块编辑器。 单击您添加的最后一个块下方的加号图标 (1),或使用屏幕顶部的菜单,然后选择 选项(2):

在 WordPress 中添加列块

块编辑器为您提供了多个选项,供您选择要在所选行中包含的列数:

将列添加到行

默认情况下,块编辑器仅允许您选择在一行中最多包含三列的预设。 但是,一旦您放置了这些预设之一,您就可以单击它们之间的加号以向该行添加更多元素:

向一行添加更多列

可以这么说,编辑器将每一列视为自己的“部分”。 例如,如果您有一行包含三列,您可以在每列中添加单独的块以创建定价表:

贷款申请在线申请,高额度,快速下款!

在列中添加表格

您可以将编辑器中可用的任何块添加到您正在处理的每一列。 放置所需的块后,您可能还想花一些时间自定义列的设置。

列块设置和选项

当您将鼠标悬停在块编辑器中带有列的行上时,会在其上方出现一个格式菜单。 该菜单包括用于移动列 (1)、更改其对齐方式 (2) 和修改行宽 (3) 的选项:

更改 Columns 块的格式

您看到的格式菜单会随着您添加块而改变。 当您将鼠标悬停在包含块的列上时,该元素的格式菜单将替换默认菜单。

对于这个例子,我们添加了 桌子 阻止我们所有的列。 当我们将鼠标悬停在其中任何一个上时,会出现以下格式菜单:

表格的格式菜单

还有另一组选项可让您自定义 块,不仅仅是格式菜单。 要访问它,请选择包含要编辑的列的行,然后单击屏幕右上角的齿轮图标 (1)。 将弹出一个侧边栏,包括更改该行颜色 (2)、填充 (3) 和列宽 (4) 的选项:

Columns 块的设置

颜色设置使您能够更改行内文本和链接的颜色,以及其背景的颜色。 请记住,您在此处选择的设置适用于 全部 行中的列。 但是,您可以通过调整每列中的各个块设置来取代这些选项。

如果您想进一步自定义此块,您还可以从 先进的 设置菜单中的选项卡:

列块的高级设置菜单

这就是您需要了解的有关如何使用和配置这个重要块的所有信息。 现在让我们回顾一些提示,以帮助您有效地使用列。

WordPress建站服务

有效使用 Columns 块的提示和最佳实践

列是网页设计中的通用元素。 您几乎可以在任何情况下使用它们,因为它们有助于为任何页面或帖子提供结构。

在视觉上,列可帮助您分解长段的段落,并将列表、表格甚至图像并排放置。 这是默认 WordPress 主题之一的示例,使用列来实现与 图片 块:

与图像重叠的列

在大多数情况下,您不希望列重叠。 然而,没有一成不变的规则 如何 使用列。 只要结果看起来美观,您就可以随意使用此块进行试验。

关于列块的常见问题

到目前为止,您已经对如何在 WordPress 中使用列有了扎实的掌握。 为确保您没有遗漏任何内容,让我们回顾一些常见问题。

我可以将 Columns 块与页面构建器插件一起使用吗?

根据定义,页面构建器插件(例如 Divi)取代了默认的 WordPress 编辑器。 这意味着您将无法访问 堵塞。 但是,大多数页面构建器插件都包含自己的行和列,因此您可以使用类似的功能。

我可以在 WordPress 页面或帖子中添加多少列?

块使您可以使用预设在一行中添加最多三列。 但是,您可以手动添加更多行。 请记住,如果添加太多列,它们可能没有足够的空间来正确显示其内容。

我可以在小部件中使用列块吗?

WordPress 使您能够使用块编辑器自定义小部件区域,例如页脚或侧边栏。 这意味着您可以访问与处理页面或帖子时相同的所有块。 请记住,由于您的工作空间可能会减少,因此在小部件区域中使用多个列会使您的内容看起来很拥挤。

结论

对于现代页面构建器工具而言,仅行是不够的。 创建和自定义行和列的选项使您可以完全控制网站上每个元素的位置。

好消息是 WordPress 块使用起来非常简单。 您可以在任何单行中添加任意数量的列。 此外,您可以在列中放置任何您想要的块,并自定义其内容、样式等。

WordPress divi主题

您对如何使用这个 WordPress 块有任何疑问吗? 让我们在下面的评论部分中讨论它们!

精选图片来自 Mitya Korolkov/shutterstock.com

siteground 小红书电商教程
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES
spot_img