WordPress 给不同文章加载不同的样式和脚本

Question

作为经常写代码的博客，可能需要一些特殊的样式和脚本，以便在文章中演示其功能，但是如果直接将样式或者脚本写在文章里面，会被WordPress过滤掉，如果我们添加到主题里面，势必会增加主题的容量，并且有写脚本或者是样式只是调用一次而已，没必要在网站的每个页面都加载这些东西。

所以这个时候我们可以通过 WordPress 自定义字段来给某篇的日誌单独加载 JavaScript 脚本和 CSS 样式表。

假设我们给日誌单独加载 JavaScript 脚本的自定义字段是 custom_head。那麼你首先需要把下面这段代码复製到你主题的 functions.php 文件中

add_action("wp_head","custom_head");
function 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 样式表即可。