Kadence主题钩子的用法

本文中牛奇网为您介绍 Kadence 主题 Hooks 的使用方法,以及 Kadence 主题提供了哪些常用的钩子

Kadence 的钩子允许我们创建自定义内容,并通过挂钩将其显示在网站的任何位置。并且允许设置是在所有页面上显示,还是仅在特定的页面上显示。

1.设置 Kadence Hooks

首先,我们来介绍如何将 Kadence Hooks 引入到您的网站。为了使用 Kadence Hooks 功能,您需要购买 Kadence Pro,该插件可以扩展 Kadence 主题的功能。

在安装并激活 Kadence Pro 插件后,在仪表盘后台打开外观→ Kadence

Kadence主题钩子的用法

启用Hooked Elements选项,刷新页面后,便可以在外观 → Kadence下,单击 Elements 选项。

2. 创建元素内容

打开Kadence的“元素”页面后,可以单击添加新按钮开始添加新元素。

Kadence Element 挂钩添加新内容

可以看到内容区域固定区域模板HTML 编辑器等选项。

Kadence Elements 设置选择类型

下面,我们简单介绍一下每个选项的内容。

内容区域

选择内容部分后,可以使用 Gutenberg 块、Kadence Blocks或者其他页面构建器来设计元素内容。

固定区域

如果打开“固定区域”选项,将看到与选择“内容区域”相同的屏幕,但“元素设置”中的“放置”选项会有所不同。

固定区域是 Kadence 一项极其强大的功能,同样可以使用 Gutenberg 块、Kadence Blocks 或其他页面构建器来设计元素,但该元素可以固定在网站的特定位置上,以便在用户滚动页面时它会保持固定。

模板元素

模板元素是一种类似“主题生成器”的功能,允许为某些页面构建模板。比如可以为博客和存档页面设置模板。

HTML 编辑器元素

如果选择HTML 编辑器选项,将会看到一个略有不同的页面,允许输入Html代码设计一些特殊的内容。

3. 选择元素挂钩位置

创建了Kadence元素后,就可以通过选择挂钩位置,将其显示到网站上的特定区域了。

在“元素”页面的右上角,单击“元素设置”图标。将可以选择元素可以显示的特定设置。

如何使用 Kadence Element Hooks 设置放置

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/

(0)
牛奇网牛奇网
上一篇 2024年3月6日 下午3:42
下一篇 2024年3月12日 下午2:11

相关推荐

发表回复

登录后才能评论