本文中牛奇网为您介绍 Kadence 主题 Hooks 的使用方法，以及 Kadence 主题提供了哪些常用的钩子。
Kadence 的钩子允许我们创建自定义内容，并通过挂钩将其显示在网站的任何位置。并且允许设置是在所有页面上显示，还是仅在特定的页面上显示。
1.设置 Kadence Hooks
首先，我们来介绍如何将 Kadence Hooks 引入到您的网站。为了使用 Kadence Hooks 功能，您需要购买 Kadence Pro，该插件可以扩展 Kadence 主题的功能。
在安装并激活 Kadence Pro 插件后，在仪表盘后台打开外观→ Kadence。
启用Hooked Elements选项，刷新页面后，便可以在外观 → Kadence下，单击 Elements 选项。
2. 创建元素内容
打开Kadence的“元素”页面后，可以单击添加新按钮开始添加新元素。
可以看到内容区域、固定区域、模板或HTML 编辑器等选项。
下面，我们简单介绍一下每个选项的内容。
内容区域
选择内容部分后，可以使用 Gutenberg 块、Kadence Blocks或者其他页面构建器来设计元素内容。
固定区域
如果打开“固定区域”选项，将看到与选择“内容区域”相同的屏幕，但“元素设置”中的“放置”选项会有所不同。
固定区域是 Kadence 一项极其强大的功能，同样可以使用 Gutenberg 块、Kadence Blocks 或其他页面构建器来设计元素，但该元素可以固定在网站的特定位置上，以便在用户滚动页面时它会保持固定。
模板元素
模板元素是一种类似“主题生成器”的功能，允许为某些页面构建模板。比如可以为博客和存档页面设置模板。
HTML 编辑器元素
如果选择HTML 编辑器选项，将会看到一个略有不同的页面，允许输入Html代码设计一些特殊的内容。
3. 选择元素挂钩位置
创建了Kadence元素后，就可以通过选择挂钩位置，将其显示到网站上的特定区域了。
在“元素”页面的右上角，单击“元素设置”图标。将可以选择元素可以显示的特定设置。
4. 配置显示设置
在创建了对应的元素，并且选择了希望元素显示的位置挂钩后。现在可以对元素进行显示设置，设置元素显示在所有页面还是某些页面。想想看，这给我们提供了多么强大的功能，可以帮助我们做很多事情。
另外，我们还可以配置哪些用户可以查看该元素，哪些设备上显示哪些设备不显示，以及设置该元素的过期时间等等。
5. 发布元素
完成上面所有步骤后，就可以点击元素编辑页面上的“发布”按钮发布了。
6. 主要钩子列表
| 钩子名称 | 位置 | 说明 |
|---|---|---|
| kadence_before_wrapper | 在页面的最外层包装器之前 | 用于添加内容或修改页面的整体布局。 |
| kadence_after_wrapper | 在页面的最外层包装器之后 | 用于添加内容或修改页面的整体布局。 |
| kadence_before_header | 在页眉之前 | 可以用于添加自定义内容到页眉区域。 |
| kadence_after_header | 在页眉之后 | 可以用于添加自定义内容到页眉区域。 |
| kadence_before_content | 在内容区域之前 | 可以用于添加自定义内容到页面的主要内容区域。 |
| kadence_after_content | 在内容区域之后 | 可以用于添加自定义内容到页面的主要内容区域。 |
| kadence_entry_hero | 在文章/页面标题之前 | 可以用于添加自定义内容到文章或页面的标题区域。 |
| kadence_before_main_content | 在主要内容区域之前 | 可以用于添加自定义内容到主要内容区域之前。 |
| kadence_after_main_content | 在主要内容区域之后 | 可以用于添加自定义内容到主要内容区域之后。 |
| kadence_before_sidebar | 在侧边栏之前 | 可以用于添加自定义内容到侧边栏区域之前。 |
| kadence_after_sidebar | 在侧边栏之后 | 可以用于添加自定义内容到侧边栏区域之后。 |
| kadence_single_before_inner_content | 在单篇文章的内部内容之前 | 可以用于添加自定义内容到单篇文章的内部内容之前。 |
| kadence_single_before_entry_header | 在单篇文章的标题之前 | 可以用于添加自定义内容到单篇文章的标题区域之前。 |
| kadence_single_before_entry_title | 在单篇文章的标题之前 | 可以用于添加自定义内容到单篇文章的标题区域之前。 |
| kadence_single_after_entry_title | 在单篇文章的标题之后 | 可以用于添加自定义内容到单篇文章的标题区域之后。 |
| kadence_single_after_entry_header | 在单篇文章的标题之后 | 可以用于添加自定义内容到单篇文章的标题区域之后。 |
| kadence_single_before_entry_content | 在单篇文章的内容之前 | 可以用于添加自定义内容到单篇文章的内容区域之前。 |
| kadence_single_after_entry_content | 在单篇文章的内容之后 | 可以用于添加自定义内容到单篇文章的内容区域之后。 |
| kadence_single_after_inner_content | 在单篇文章的内部内容之后 | 可以用于添加自定义内容到单篇文章的内部内容之后。 |
| kadence_before_comments | 在评论区域之前 | 可以用于添加自定义内容到评论区域之前。 |
| kadence_before_comments_list | 在评论列表之前 | 可以用于添加自定义内容到评论列表之前。 |
| kadence_after_comments_list | 在评论列表之后 | 可以用于添加自定义内容到评论列表之后。 |
| kadence_after_comments | 在评论区域之后 | 可以用于添加自定义内容到评论区域之后。 |
| kadence_archive_before_entry_header | 在文章存档页的标题之前 | 可以用于添加自定义内容到文章存档页的标题区域之前。 |
| kadence_archive_after_entry_header | 在文章存档页的标题之后 | 可以用于添加自定义内容到文章存档页的标题区域之后。 |
| kadence_before_footer | 在页脚之前 | 可以用于添加自定义内容到页脚区域之前。 |
| kadence_after_footer | 在页脚之后 | 可以用于添加自定义内容到页脚区域之后。 |
| kadence_404_before_inner_content | 在404页面的内部内容之前 | 可以用于添加自定义内容到404页面的内部内容之前。 |
| kadence_404_after_inner_content | 在404页面的内部内容之后 | 可以用于添加自定义内容到404页面的内部内容之后。 |
| kadence_before_mobile_navigation_popup | 在移动端导航弹出窗口之前 | 可以用于添加自定义内容到移动端导航弹出窗口之前。 |
| kadence_after_mobile_navigation_popup | 在移动端导航弹出窗口之后 | 可以用于添加自定义内容到移动端导航弹出窗口之后。 |
作者：牛奇网，本站文章均为辛苦原创，在此严正声明，本站内容严禁采集转载，面斥不雅请好自为之，本文网址：https://www.niuqi360.com/kadencewp/how-to-use-element-hooks/
