Kadence 教学：使用 Kadence Blocks 构建完整站点页眉和页脚

Full Site Editing（简称 FSE）是 WordPress 的一个功能模块，可以在可视化编辑器中定制整个网站的结构。它不再局限于编辑文章和页面内容，还可以调整网站的页眉、页脚和其他模板部分。借助 Kadence Blocks，可在 FSE 编辑中打造更丰富的布局结构，构建风格统一、灵活多变的 WordPress 网站。

Full Site Editing 简介

FSE 帮助网站设计从单一页面编辑进入到整体布局管理阶段。只需启用支持 FSE 的主题，如 Twenty Twenty-Four，便能进入“外观 -> 编辑器”使用 FSE 功能。

Kadence 目前不自带完整的 FSE 主题，但 Kadence Blocks 与 FSE 配合使用时依然具备很强的可操作性。

进入编辑器后，整个站点的结构都能使用区块形式进行定制。页眉、页脚、文章模板、归档页面等都在同一个可视化环境中完成操作，结构一目了然，调整灵活。

模板的作用

模板是构建网站结构的核心。每个页面、文章或归档视图都可分配到一个对应模板。模板控制页面结构和内容显示顺序，例如是否显示页眉、页脚、标题和正文等。

WordPress 中的模板可以在“仪表盘 -> 外观 -> 编辑器”中查看和管理。每个模板旁边有三个点的图标，点击后选择“编辑”就能对模板进行结构修改。

模板中的页眉和页脚通常以“模式”的形式出现，是一种可以跨多个模板复用的设计单元。

模式与可复用布局

模式（Patterns）是指由一个或多个区块组合而成的布局单元，可以在整个站点中反复使用。例如页眉、页脚、横幅或 CTA 区块等都可以保存为模式。

模式可在“外观 -> 编辑器 -> 模式”中创建和管理。选择一个区块，在工具栏中点击创建新模式按钮，即可将其保存。

模式分为“同步”和“非同步”两种：

• 同步模式修改一次，全站生效
• 非同步模式则不会自动更新其他位置的实例

添加模式时，在添加区块时搜索模式名称即可快速插入。

编辑页眉

页眉通常包含网站名称、Logo、主导航、联系信息等，是访问者进入网站时最先看到的部分。

• 在模板中找到页眉模式，点击进入编辑

• 屏幕中将出现替换建议，点击“使用 Kadence 高级页眉”按钮即可自动引入高级页眉块

• 在高级页眉中添加导航菜单、Logo、图标、搜索栏等元素，可根据需要调整区块顺序与样式

• 编辑完成后点击保存，所有使用此页眉模式的页面将自动应用更新内容

高级页眉块支持响应式设计、透明背景、粘性效果等，为网站提供更多设计灵活性。

编辑页脚

页脚位于页面底部，常包含版权信息、友情链接、社交媒体图标和其他辅助内容。

• 打开模板或直接在站点中选择页脚区域进入编辑
• 使用 Kadence Row Layout 块替换原有内容，作为页脚基础布局结构

• 在行内添加高级图像块用于展示 Logo，添加高级导航块用于显示底部导航，添加高级文本块用于文字说明

• 编辑完毕后点击保存，页脚将在所有模板中统一更新

页脚结构清晰后，有助于提升网站的整体完整性和可用性。

总结

通过 Kadence Blocks 与 Full Site Editing 的结合，可以灵活创建结构清晰的页眉与页脚。只需一次编辑，所有使用相关模式的模板都能自动同步更新。无论是搭建新站，还是优化现有页面结构，FSE 都为网站提供了更丰富的设计空间。结合 Kadence Blocks 的高级功能，可构建更具视觉效果和实用性的网页布局。