我们用WordPress写博文的时候经常会添加一些特殊的样式和脚本,尤其是WordPress代码爱好者以便在文章中演示其功能,如果直接将样式或者脚本写在文章里面,会被WordPress过滤掉,如果我们添加到主题里面,势必会增加主题的容量,并且有写脚本或者是样式只是调用一次而已,没必要在网站的每个页面都加载这些东西。
所以这个时候我们可以通过 WordPress自定义字段来给某篇的日誌单独加载 Javascript 脚本和 CSS 样式表。
假设我们给日誌单独加载 Javascript 脚本的自定义字段是 custom_head。那麼你首先需要把下面这段代码复製到你主题的 functions.php 文件中:

WordPress文章添加不同样式


add_action("wp_head","ruikeedu_custom_head");
function ruikeedu_custom_head(){
    if (is_single() || is_page()) {
        global $post;
        $custom_head = get_post_meta($post->ID, 'custom_head', true);
        echo $custom_head;
    }
}

然后在编辑日誌的时候,在自定义字段区域,创建一个新的自定义字段,名字為:”custom_head”,输入你要单独為这篇日誌加载的 Javascript 代码或者 CSS 样式表即可。