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

使用Advanced Gutenberg Columns Manager拆分块

古腾堡专栏经理

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

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

列布局

要创建第一个栏目块,请在WordPress Gutenberg编辑中寻找栏目管理器。 单击新块时,您会看到的第一件事是最常见的预设布局的列表。 选项范围从简单的一列布局到标准的两列显示,以及一个块中最多六列。

 

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

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

 

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

前三个对齐选项是标准的 - 列可以在顶部、中间或末尾垂直对齐。 第四个也是最后一个对齐选项不在 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
随时了解情况

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

相关文章

 

注释

暂无评论。 成为第一个提交评论的
已经登记了? 在此登录
2024 年 4 月 28 日,星期日

验证码图片