WordPress给不同文章加载不同的JS和CSS

weixing 阅读 205 次

有时候我们需要用到某一些JS和CSS只是在特定的文章中调用一次,那么又不想直接写在head增加主题的累赘,但是如果我们直接写在文章编辑器中又会被过滤掉,那么有什么好的办法来解决这个问题呢?
其实办法是有的,那就是WordPress开发中最常用的自定义字段,这时候我们就可以利用自定义字段来为单篇文章或者页面单独的加载脚本或者样式。
假设我们给日誌单独加载 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 样式表即可。
over` 是不是很简单呢,更多WordPress开发教程请参考我们的WordPress教程栏目。

扫描关注微信公众号WPMEE
  • 第一时间了解WordPress动态
  • 学习WordPress教程