目录
前言:
使用场景:
一、常用的wordpress钩子(动作钩子、过滤器钩子)
1、动作钩子(Action Hooks)
2、过滤器钩子(Filter Hooks)
二、常用钩子示例
1、添加自定义 CSS 和 JS 文件
2、修改文章内容
3、在页脚添加内容
4、开发者还可以创建自定义的钩子,供主题或插件中的其他函数调用。
三、使用步骤(以wp_head钩子为例)
1、进入wordpress后台,找到主题文件编辑器
2、点击右侧的functions.php文件
编辑 3、在左侧编辑器中的代码下面添加钩子方法,点击更新文件
4、前台页面刷新审查元素查看是否已经添加成功
前言:
在 WordPress 中,钩子(Hooks)是一种非常强大的机制,允许开发者在特定的时刻(如页面加载、发布内容、用户登录等)插入自定义的代码。
使用场景:
在wordpress建站中,网站搭建好后,由于seo优化或者是网站数据追踪统计,通常会在网站的每个页面的一些位置例如<head>标签里,<body>标签里,<footer>前面等位置,添加一些js插件或者是固定的代码,使用wordpress自带的一些hooks(钩子函数)可以很方便的实现在该站点的每个页面都添加对应的代码。
一、常用的wordpress钩子(动作钩子、过滤器钩子)
动作钩子(Action Hooks):允许在指定位置执行某些操作或函数。
过滤器钩子(Filter Hooks):允许拦截并修改数据,然后将修改后的数据传递给下一个流程。
1、动作钩子(Action Hooks)
动作钩子用于在某个事件或时刻运行函数,可以用
add_action()
添加自定义函数。常用的动作钩子包括:
init 在 WordPress 初始化时触发。 wp_loaded WordPress 完全加载完成时触发。 wp_head 在 <head>
标签之前添加内容。wp_footer 在 <footer>
之前添加内容。wp_body_open 在 <body>
标签开始处添加内容(WordPress 5.2+)。admin_menu 后台菜单加载时触发,可以用来添加自定义菜单。 template_redirect 在 WordPress 确定要加载哪个模板文件时触发,可以重定向用户到其他页面。 wp_enqueue_scripts 用于注册和加载 CSS 和 JS 文件。 save_post 保存或更新文章时触发。 login_form 在登录表单之前添加内容。 comment_post 在评论发布后执行操作。 2、过滤器钩子(Filter Hooks)
过滤器钩子允许你修改 WordPress 中某些数据的输出,比如修改标题、内容、登录表单等。可以用
add_filter()
添加自定义的过滤函数。常用的过滤器钩子包括:
the_content
过滤文章或页面内容。 the_title
过滤文章或页面标题。 the_excerpt
过滤摘要内容。 wp_title
修改 <title>
标签的内容。comment_text
过滤评论内容。 login_redirect
修改用户登录后的重定向地址。 widget_title
过滤小部件的标题。 wp_nav_menu_items
过滤导航菜单的 HTML 输出。 upload_mimes
自定义上传文件类型的 MIME 类型。
二、常用钩子示例
1、添加自定义 CSS 和 JS 文件
function my_custom_enqueue_scripts() { wp_enqueue_style('my-custom-style', get_template_directory_uri() . '/css/custom.css'); wp_enqueue_script('my-custom-script', get_template_directory_uri() . '/js/custom.js', array('jquery'), null, true); } add_action('wp_enqueue_scripts', 'my_custom_enqueue_scripts');
2、修改文章内容
function modify_post_content($content) { if (is_single()) { $content .= '<p>感谢阅读本文!</p>'; } return $content; } add_filter('the_content', 'modify_post_content');
3、在页脚添加内容
function add_footer_content() { echo '<p>自定义页脚内容</p>'; } add_action('wp_footer', 'add_footer_content');
4、开发者还可以创建自定义的钩子,供主题或插件中的其他函数调用。
例如:
// 定义自定义钩子 do_action('my_custom_hook'); // 添加函数到自定义钩子 add_action('my_custom_hook', function() { echo '这是一个自定义钩子调用的内容'; });
三、使用步骤(以wp_head钩子为例)
1、进入wordpress后台,找到主题文件编辑器
2、点击右侧的functions.php文件
3、在左侧编辑器中的代码下面添加钩子方法,点击更新文件
// add_others是方法名,可以自定义,保持跟下面add_action里面方法名相同即可
function add_others(){
?>
<script>'要添加的js代码内容'</script>
<?php
}
add_action('wp_head','add_others');