跳到主要内容
4 分钟阅读时间 (845 个单词)

使用Advanced Gutenberg Columns Manager拆分块

古腾堡专栏经理

专栏旨在向您介绍WordPress的经典编辑器中古腾堡(Gutenberg)的功能块。 它们使您可以不受阻碍地组织内容-如果不是垂直(如块),则是水平。 古登堡(Advanced Gutenberg)的最新更新提供了一个新的功能块,可帮助您起步并使用色谱柱。

先进的古腾堡(Gutenberg)列管理器是古腾堡(Gutenberg)原生列的更高级版本。 它的旗舰功能使您可以更好地控制内容的显示方式,但是与此同时,它可以更轻松地开始使用其预设布局创建内容。

列布局

要创建您的第一个列块,请在 WordPress 古腾堡编辑器中列管理器 单击新块后,您首先看到的是最常见的预设布局列表。 选项范围从简单的一列布局到标准的两列显示以及一个块中最多六列。

 

这些选项使您可以专注于创建内容而不是设计内容。 但是,您可能会发现自己正在寻找不存在的布局,例如仅占据博客宽度 50% 的栏块。 在这种情况下,您可以使用侧边栏来定义您自己的列宽。

要定义您自己的宽度,请单击一列并将其宽度设置为百分比,或将其设置为 0 以将其重置为其自动宽度。 将总百分比最多保持在 100%,以避免 WordPress 帖子或页面的内容溢出。 配置选项卡中将其关闭

 

列管理器中的另一个新颖之处是对齐部分。 如果单击外部列管理器块,您将首先找到宽度选项。 您可以切换宽宽度全宽度选项以增加列块的大小。 在它们之后是对齐选项。

前三个对齐选项是标准的 - 列可以在顶部、中间或末尾垂直对齐。 第四个也是最后一个对齐选项不在 Gutenberg 的列中 - inner columns full height

 

该选项将列拉伸为等于块中最高的列。 如果列具有背景颜色或边框,因此需要跨越块的整个高度,则此选项是必需的。

 

响应栏

一个好的博客应该在台式机、平板电脑和手机上都能很好地显示。 自然出现的一个相关问题是当宽度不足时如何最好地显示列。 列的宽度是否应该改变?如果是,如何改变? 每列应该有自己的行吗?

Advanced Gutenberg使您可以灵活选择列在平板电脑和手机上的显示方式。 单击列管理器块,然后为台式机,平板电脑和手机选择布局。 手持设备上的选项包括更改列布局或堆叠列以利用整个宽度。

 

 

如果您使用全角布局的宽宽度,您可能会发现列管理器块在较小的设备上太宽。 在这种情况下,您可以分别在移动设备和平板电脑布局正下方的区域中设置移动设备或平板电脑的内边距和边距。

通过滚动到底部并打开行设置,您还可以指定当列溢出内容时应该发生的情况,以及行的最大宽度和最小高度。 一旦您熟悉了块的一般布局显示设置,您可能想要访问更精细的响应设置。

 

 

使用Advanced Gutenberg的列管理器,您还可以指定台式机或移动设备上各个列的填充和边距。 要对其进行微调,请单击列而不是整个块。 然后,滚动到侧栏的底部,以指定台式机或移动设备上的填充和边距。 对于每个,您还可以指定文本对齐方式。

 

个性化 WordPress 专栏

当您完善栏目后 - 或者如果您觉得不需要改变标准布局 - 您可以对栏目进行个性化设置或开始向其中添加内容。 单击列时,可以应用列宽显示选项,目前仅限于边框样式、颜色、宽度和半径。

最重要的是,列的重点是存储和显示内容。 古登堡(Advanced Gutenberg)的列管理器支持列中所有类型的内容,这意味着您可以在其中存储段落,图像和图库以及任何其他块(无论是标准块还是自定义块)。 您的想象力是极限!

列手风琴内容

 

一旦掌握了古腾堡块的功能,您就可以在WordPress帖子和页面中表达您的创造力。 借助Advanced Gutenberg的专栏管理器,您可以充分利用WordPress博客。 因此,您可以利用列来抓住或多或少的控制权,不仅可以在垂直方向上,而且可以在水平方向上释放您的创造力!

 

获取高级古腾堡(免费插件): https : //www.joomunited.com/wordpress-products/advanced-gutenberg

4
随时了解情况

当您订阅博客时,当网站上有新的更新时,我们会向您发送一封电子邮件,这样您就不会错过它们。

相关文章

 

评论

尚未发表评论。 成为第一个提交评论的
已经注册? 在此登录
2025年2月28日,星期五

验证码图像