Row(行局)区块 – 轻松布局网站样式

Kadence 基础操作讲解

这一板块是主要讲解Kadence 的基础操作和技巧,能够让大家能了解 Kadence建站系统 、并熟悉其的操作界面。

Kadence 建站工具介绍

本章节主要介绍 Kadence 里各种功能强大的区块工具,可以帮助用户学会如何搭建一个功能全面且内容丰富的网站。

Kadence 使用前需知

Kadence 是基于WordPress 的网站建设平台的一系列插件,所以必须要先在WordPress后台里安装好对应的 Kadence 插件。

Kadence 的Row(行局)区块是古腾堡的分列区块的进阶版,相比于传统的分列区块Row的功能更加强大,提供了更多的设置方法,并自动整合了自适应设计,让用户可以轻松创建响应式布局。

在页面中使用Row布局

首先,从区块列表中选择【Row】区块:

添加后会让你先选择布局的基本格式,这里可以选择列数和分列样式:

布局选择完毕后,就可以在每个列里面添加区块(所有的Kadence区块)来构建内容:

你可以通过拖动它们之间的分隔线来调整间距。

Row行局设置

每一个Row的区块都有一个布局和设计选项的侧边栏。当行局区块选择完毕后,你会看到调整列的选项、列的布局和列间距(列之间的距离)。下面是给你的区块添加背景和填充:

填充和边距设置可以调整页面上与其他区块的间距:

Row也可以设置背景颜色覆盖整个行布局区块:

设置row的文本和链接颜色:

调整row高度、宽度和容器:

将多个行局区块设置相等的列高

行局区块设置中可以使每列具有相等高度。只需要在行局设置中点击【结构设置】,将内部列高度开启即可。

移动端和平板端的设置

Kadence的Row区块的默认设置为自适应匹配,没必要刻意调调整。不过如果想要在移动端和平板端做一些特殊效果的话,Row区块也提供了选项调整。

平板端设置可以调节在平板端浏览时的行布局:

对于移动端,可以设置行布局和行之间所需的填充量:

行局区块可以自定义每一个单独的列,在你的row中选中目标列就可以单独调整。

在这里可以选择编辑边框,填充大小,背景图片甚至蒙版颜色等。