Kadence Hooked Elements 是 Kadence 主题 Pro 的强大功能，可以把内容模块精准地插入网站各个位置，实现灵活布局与动态内容更新，本文详细介绍 Kadence Hooked Elements 的作用与配置步骤。

一、什么是 Kadence Hooked Elements？

Kadence Hooked Elements 可以在页面的任意位置添加内容，例如：

在 Black Friday 活动前添加倒计时，并在开始后自动消失

在指定页面添加电子报订阅表单

为特定产品页面设计独特头部

Kadence Theme 提供四种 Hooked Elements 元素类型：

内容区块（Content Section）：在页面不同区域插入可复用内容

固定区块（Fixed Section）：固定在页面顶部、底部或侧边栏，用户滚动时仍显示

模板（Templates）：替换网站模板的某个部分，如头部、底部、文章布局

HTML 编辑器（HTML Editor）：使用原生 HTML 代码创建元素，灵活控制结构与样式

二、如何使用 Kadence Hooked Elements？

第一步：升级到 Kadence Pro

Kadence Hooked Elements 是 Kadence Theme Pro 的专属功能，使用前需要购买 Pro 版本：

访问 Kadence 官网

选择购买方案：Express（仅 Free Version，无法使用 Hooked Elements Pro 功能）

Plus（包含 Theme Pro 功能）

Ultimate（功能最全面，性价比最高）

进入你的 Kadence 账户中心，下载 Kadence Pro 插件 zip 文件

在 WordPress 后台选择：插件 > 安装插件，选择 zip 文件并安装，点击“启用插件”

输入 License Key 激活 Pro 功能

第二步：启用 Hooked Elements 功能

进入 WordPress 后台

点击 Appearance > Kadence

在 Pro Addons 列表中，开启“Hooked Elements”功能

第三步：创建新 Hooked Element

进入 Appearance > Kadence > Elements，点击“Add New”创建新元素

选择元素类型，如“内容区块（Content Section）”

第四步：设计你的元素

点击“+”添加区块，搜索“Table of Contents”，选择并添加

设置目录块的样式和配置，如果需要模板，可以在 Kadence Table of Contents 模板库免费下载导入

第五步：选择元素放置位置（Placement）

点击右上角“Element Settings”

在 Placement 下拉菜单中选择元素位置

把目录放在文章第一个 H2 标题前，选择：Inside The Content > Before First Heading Tag

Priority 默认为 10，可根据需要调整显示顺序

第六步：配置显示设置（Display Settings）

在 Show On 下拉菜单中选择：Posts > Single Posts

在 Select Post By 中，选择：All（所有文章）

如果需要隐藏，使用 Exclude Settings > Hide On 设置隐藏条件

第七步：配置用户可见性

在 Visible to 下拉菜单中设置可见用户：All Users（所有用户）

第八步：发布元素

点击“Publish” 按钮即可发布

三、总结

Kadence Hooked Elements 提供了强大的专业级功能，可以在网站的任何位置添加所需内容区块，根据不同用户角色、设备类型和显示条件进行精准投放，还支持设置自动到期隐藏元素，帮助灵活管理网站布局与内容展示，节省维护时间，提升整体运营效率和用户体验。