Kadence Hooked Elements 使用教程:轻松实现内容模块精准插入与布局

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

20250709092345360-image

一、什么是 Kadence Hooked Elements?

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

  • 在 Black Friday 活动前添加倒计时,并在开始后自动消失
  • 在指定页面添加电子报订阅表单
  • 为特定产品页面设计独特头部

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

  1. 内容区块(Content Section):在页面不同区域插入可复用内容
  2. 固定区块(Fixed Section):固定在页面顶部、底部或侧边栏,用户滚动时仍显示
  3. 模板(Templates):替换网站模板的某个部分,如头部、底部、文章布局
  4. HTML 编辑器(HTML Editor):使用原生 HTML 代码创建元素,灵活控制结构与样式

二、如何使用 Kadence Hooked Elements?

第一步:升级到 Kadence Pro

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

  • 访问 Kadence 官网
  • 选择购买方案:
    1. Express(仅 Free Version,无法使用 Hooked Elements Pro 功能)
    2. Plus(包含 Theme Pro 功能)
    3. Ultimate(功能最全面,性价比最高)
20250709093158922-image
  • 进入你的 Kadence 账户中心,下载 Kadence Pro 插件 zip 文件
20250709093328338-image
  • 在 WordPress 后台选择:插件 > 安装插件,选择 zip 文件并安装,点击“启用插件”
20250709093401820-image
  • 输入 License Key 激活 Pro 功能
20250709093526699-image

第二步:启用 Hooked Elements 功能

  • 进入 WordPress 后台
  • 点击 Appearance > Kadence
20250709093653794-image-1
  • 在 Pro Addons 列表中,开启“Hooked Elements”功能
20250709093722214-image-3

第三步:创建新 Hooked Element

  • 进入 Appearance > Kadence > Elements,点击“Add New”创建新元素
20250709093820760-image-1
  • 选择元素类型,如“内容区块(Content Section)”
20250709094228369-image-2

第四步:设计你的元素

  • 点击“+”添加区块,搜索“Table of Contents”,选择并添加
20250709094425902-image
  • 设置目录块的样式和配置,如果需要模板,可以在 Kadence Table of Contents 模板库免费下载导入
20250709094510460-image

第五步:选择元素放置位置(Placement)

  • 点击右上角“Element Settings”
  • 在 Placement 下拉菜单中选择元素位置
20250709094933164-image
  • 把目录放在文章第一个 H2 标题前,选择:Inside The Content > Before First Heading Tag
20250709095022428-image
  • Priority 默认为 10,可根据需要调整显示顺序
20250709095055595-image

第六步:配置显示设置(Display Settings)

  • 在 Show On 下拉菜单中选择:Posts > Single Posts
20250709095818584-image
  • 在 Select Post By 中,选择:All(所有文章)
20250709095934316-image
  • 如果需要隐藏,使用 Exclude Settings > Hide On 设置隐藏条件
20250709100030919-image

第七步:配置用户可见性

在 Visible to 下拉菜单中设置可见用户:All Users(所有用户)

20250709100248188-image

第八步:发布元素

点击“Publish按钮即可发布

20250709100453807-image

三、总结

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


了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读