WordPress钩子:wp_head 向头部添加代码

追格官方小助手/ 2023年02月28日/ WordPress/ 浏览 2580

在 WordPress 主题中,一般都会用到 wp_head() 函数。这个函数的源码极其简单,只是调用了一下 wp_head 钩子,如下:


function wp_head() {
	do_action( 'wp_head' );
}


wp_head 钩子又是干啥的呢?


在 HTML head 标签内添加内容,比如 SEO 用到的关键字,标题,描述等信息。


举例说明:


function hook_css() {
    ?>
        <style>
            .wp_head_example {
                background-color : #f1f1f1;
            }
        </style>
    <?php
}
add_action('wp_head', 'hook_css');


WordPress 默认的头部添加的功能是比较多的,如下:


add_action( 'wp_head',             '_wp_render_title_tag',            1     );
add_action( 'wp_head',             'wp_enqueue_scripts',              1     );
add_action( 'wp_head',             'wp_resource_hints',               2     );
add_action( 'wp_head',             'feed_links',                      2     );
add_action( 'wp_head',             'feed_links_extra',                3     );
add_action( 'wp_head',             'rsd_link'                               );
add_action( 'wp_head',             'wlwmanifest_link'                       );
add_action( 'wp_head',             'adjacent_posts_rel_link_wp_head', 10, 0 );
add_action( 'wp_head',             'locale_stylesheet'                      );
add_action( 'wp_head',             'noindex',                          1    );
add_action( 'wp_head',             'print_emoji_detection_script',     7    );
add_action( 'wp_head',             'wp_print_styles',                  8    );
add_action( 'wp_head',             'wp_print_head_scripts',            9    );
add_action( 'wp_head',             'wp_generator'                           );
add_action( 'wp_head',             'rel_canonical'                          );
add_action( 'wp_head',             'wp_shortlink_wp_head',            10, 0 );
add_action( 'wp_head',             'wp_custom_css_cb',                101   );
add_action( 'wp_head',             'wp_site_icon',                    99    );


与 wp_head 对应的 wp_footer 函数及钩子,功能也是类似的,不再赘述。


发表评论

暂无评论,抢个沙发...

客服 工单