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

发布于 2018-10-01 20:23:24 字数 627 浏览 1551 评论 0

作为经常写代码的博客,可能需要一些特殊的样式和脚本,以便在文章中演示其功能,但是如果直接将样式或者脚本写在文章里面,会被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 样式表即可。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84935 人气
更多

推荐作者

待"谢繁草

文章 0 评论 0

战皆罪

文章 0 评论 0

子英

文章 0 评论 0

爱的十字路口

文章 0 评论 0

孤者何惧

文章 0 评论 0

xi霄xi

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。