Split Content（内容拆分）区块 – 可以随意调整位置的图文配置

Kadence 的Split Content（拆分内容）在网站设计上是一个非常实用的布局。简单来说Split Content（拆分内容） 就是一侧展示图片，另一侧展示文本，并且可以对每个部分进行调整。

配置 Split Content 区块

在区块列表中选择 Split Content：

Split Content（拆分内容）的主要设置：

当然你也可以直接使用我们之前讲的设计库方案：

首先可以先添加图片到 Split Content中：

设置 Split Content 的标题：

给 Split Content 区块添加文本内容：

给区块设置背景颜色：

设置内容区块的对齐方式：

保存更改，然后查看该区块的效果：

将内容叠加覆盖

拆分内容区块可以设置负边距来创建覆盖样式，将拆分内容添加到具有单列的行布局区块。

如果你想给Split Content添加一个背景，你可以在下图所示设置区域选择背景颜色，还可以把拆分内容设置为“全幅”。

调整负边距可以移动内容板块覆盖到图片区域上。

还可以设置内容阴影。

也可以缩小 Minimium Height（最小高度）来调整内容高度。

一定要调整移动端和平板端条件下的填充和边距，这样才能优化拆分内容在所有设备上的显示外观。

移动端间距调整

平板端间距调整

查看在所有屏幕尺寸情况下你的拆分内容区块的显示情况，如果有必要的话可以继续调整间距设置：