目录
大纲
WP建站和运维

使用列块进行设计

引言

在本课程中,我们将探索如何利用列块创建不同的设计。列块是一种容器块,可用于创建各种自定义布局,它开启了无限的设计可能性。该区块允许您在最多六列中插入文本、媒体和其他类型内容。当连续使用时,列块能够创造出酷炫的网格效果。

添加与自定义列块

要添加列块,请点击插入器并输入”columns”,或直接输入斜杠加columns并从选项中选择。您可以选择初始列数与尺寸。列块的妙处在于可在每列中添加其他区块——例如先创建列块搭建结构,再添加图像区块、标题区块和段落区块。您还可以通过为每列添加封面区块来实现这类设计。

区块工具栏

主列块与其包含的独立列之间存在父子层级关系。点击对齐图标时,可将区块对齐方式改为宽幅或全宽。您知道吗?列也可以复制!选中列块中的第三列后,点击三个竖点图标即可选择复制功能,这将为您节省大量时间和精力。选择单个列时,还可在区块工具栏中使用箭头移动列位置,或在列表视图中直接拖放调整。

侧边栏设置

若需新增列,只需点击两列之间的插入器,或选择父级区块后开启侧边栏设置。在”列”选项下可增减列数,下方可见”移动端堆叠”开关选项——如需在移动设备上呈现列堆叠效果,请务必开启此功能。

在样式设置中,列块支持修改父级区块或单列的颜色配置。还可探索多种排版选项:字体系列、外观、字符间距等。您甚至能调整列块尺寸,在”尺寸”选项中设置内容内边距、添加外边距,或修改列间距。样式设置底部支持为列块添加边框与圆角,最后还可设置投影效果,提供多种可选方案。

转换其他区块为列块

另一项强大功能是可将其他区块转换为列块,甚至将列块转换为群组区块。

结语

如您所见,使用列块能实现任何自定义设计:无论是团队介绍、多媒体展示,还是价格表格制作。尽情使用列块来实现您的设计需求吧。

实践环节

请使用WordPress演练场测试所学知识:

创建如下设计:
使用默认颜色或自定义配色
添加包含三个等宽列的列块
左列设置:
* 添加5像素边框
* 按需设置内边距
* 在第一列中添加内容:
段落区块1:01
文字尺寸:75像素
加粗样式
行高:1.3
居中对齐
段落区块2:咨询项目
文字尺寸:大号
行高:4
居中对齐
段落区块3:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.
纯文本模式
居中对齐
将第一列复制两次,删除空列后更新内容