Kadence 主题
主题一套,区块一套,别混着用
Kadence 常被拿来和 Astra、GeneratePress 并列,但它其实是两个东西:一个负责外壳的主题,加一个负责内容的区块插件。免费版就把页头页脚构建器放了出来,这是它受欢迎的主要原因;也正因为两套东西都能改样式,配置冲突比单主题方案更多。这一页讲清这套结构怎么用才不乱。
三个部件,各管一段
先分清谁负责什么
把 Kadence 当成”一个主题”来用,很容易在错误的地方改东西。它实际由三部分组成,边界清晰,越界就会互相打架。
主题:管外壳与全局
页头页脚构建器、全局色板、字体配对、容器宽度、博客与 WooCommerce 模板,都在主题里。免费版已经包含拖拽式页头页脚,这一点比同类主题给得多。
区块插件:管页面内容
提供行列布局、图文卡片、图标列表、标签页、手风琴、表单、文章查询等区块。它输出的是标准区块内容,停用插件后内容仍在,只是排版会退化成纯文本堆叠。
付费层:管条件与动态
按页面类型切换模板、把区块挂到钩子位置、动态字段取数、白标后台,这些归付费版。它们决定站点能不能”一套模板服务多类页面”,也是后期改版成本的分水岭。
免费版已经能做什么
把预算花在刀刃上
很多人以为页头页脚构建器一定收费,Kadence 把它放在了免费侧。这意味着十页规模的站,可能一分钱授权都不用花。
免费版能落地的部分
- 页头页脚的多行拖拽布局,含按钮、搜索、社交图标
- 全局色板与字体配对,改一处全站联动
- 容器宽度、内容区与侧栏组合
- 博客归档与单篇的版式切换
- WooCommerce 的基础样式适配
需要付费才顺手的部分
- 按页面类型、登录状态切换页头页脚
- 把区块挂到内容前后、侧栏等钩子位置
- 动态字段:取自定义字段、作者、分类做展示
- Mega Menu、粘性页头的高级参数
- 白标与客户交付时的后台简化
授权按年计,单站大致几百元区间,含区块插件 Pro 的组合价会更高,以官方报价为准。判断是否需要付费,看一个问题就够:你有没有”同一套版式要服务多个栏目”的需求。没有的话,免费版加免费区块能撑很久。
区块插件的价值与代价
省的是搭建时间,花的是页面体积
区块插件把常见版式封装成可调组件,拖进去填内容就行。代价是每个组件都带自己的样式,页面上组件越多,head 里的内联 CSS 越长。
行列布局
比原生组块多了分栏比例、内边距、背景与边框的细粒度控制,做首屏和图文交替最省事。注意别和主题容器叠加,否则左右留白会变成两层。
图文与图标
信息卡、图标列表、编号步骤,这些在工业站用得多。图标走内联 SVG,不额外请求字体文件,这一点比图标字体方案干净。
文章查询
按分类、标签取文章做成卡片网格,适合案例与新闻区块。查询条件写得太宽会拉慢页面,尤其是文章上千篇的站,要限制条数并避开随机排序。
表单与标签页
轻量表单能直接收询盘,字段少、无多余脚本。标签页适合放产品参数,但内容默认全部输出在 HTML 里,参数特别多时页面会变长。
四个容易踩的配置坑
多数是”两处都能设”造成的
字体改了没反应
区块自带的排版设置优先级高于主题全局字体。想让全站统一,要么在区块里留空继承,要么逐个改。最省事的做法是只用主题的字体配对,区块内不再单独设字号。
与 Elementor 同时启用
两者都输出栅格与间距样式,同页混用时内外边距叠加,移动端尤其明显。要么统一用一套,要么把 Elementor 限制在少数专题页,且这些页面不再嵌区块布局。
停用区块插件后排版塌陷
内容还在,但行列结构失效,整页变成一列文本。要临时停用做排查,先在测试环境复制一份,别在主站直接关。确认问题后再决定是修复还是替换组件。
内联样式让 HTML 变长
区块样式按页生成并内联,页面组件多时单个 HTML 可能超过 150KB。开启缓存插件的 CSS 合并要谨慎,Kadence 的内联样式被抽离后,条件加载的判断可能失效。
准备换主题或换构建器之前,建议先读一遍 WordPress 主题定制开发 里关于数据分层的部分,能少走很多返工。
三种搭页方式怎么选
看迁移那一栏,不看功能列表
| 方式 | 上手成本 | 页面体积 | 改版自由度 | 数据可迁移性 |
|---|---|---|---|---|
| 原生区块加 Kadence 区块 | 低,会写文档就会用 | 小到中,随组件数量增长 | 中,受组件能力限制 | 高,内容是标准区块 |
| Elementor 搭页 | 中,需要熟悉面板层级 | 中到大,样式与脚本另算 | 高,几乎不受限 | 中,换构建器需重排 |
| 子主题加代码模板 | 高,需要开发参与 | 最小 | 取决于实现,改动要发版 | 高,数据在自有字段里 |
我们的常规组合是:结构页用子主题模板,营销页用区块,专题活动页才上构建器。这样既保留改版弹性,也不至于让整站都绑在一个工具上。构建器的取舍可以对照 Elementor 页面构建器。
关于 Kadence 的五个问题
不必须,但配套用体验更顺。只装主题,页面上就是标准区块,能做但版式有限;只装区块插件换别的主题,也能用,只是色板和字体不会联动。两者同源,一起用能省掉大量手工对齐。
二十页以内、栏目结构统一的站,够用。页头页脚构建器免费这点很关键,多数同类主题要收费。真正撑不住的是”产品分类各有不同头部”和”要给客户做白标后台”这两类需求,那就得上升级。
Kadence 的区块与主题联动更紧,色板、字体、间距一套变量走到底;Astra 更依赖外部构建器,模板库和建站向导更成熟。要做轻量内容站选前者,要快速套模板上线选后者。Astra 的细节可以看 Astra 主题。
单页速度和页面数量没有直接关系,和单页组件数量有关。内联样式随组件增长,一个堆了三十个区块的首页,HTML 加上内联 CSS 可能到两百 KB。控制单页组件数、复用模板、开启页面缓存,是三个有效手段。
内容不会丢,但要重排。区块内容是标准格式,Elementor 读不进去,只能新建页面重新搭。降低损失的办法是提前把产品参数、案例信息放进自定义字段,换工具时只重做展示层,数据不用重录。
Kadence 用着别扭,想找人看看配置
远程过一遍后台就能定位
重点查页头页脚规则、字体继承、区块与构建器混用、内联样式体积。邮箱 web@wordpressx.com,电话/微信 13280692153,周一至周五 08:30-18:00。