一直想给Wordpress的单篇日志增加独立的Javascript 脚本或CSS 样式表，但研究了半天都没个啥结果。。。正好在水煮鱼的网站看到了，于是转来收藏了～等之后使用～

WordPress 日志编辑框会对过滤这些 Javascript 脚本，所以我们无法直接把脚本写到日志，如果修改主题，把脚本添加到主题的 header.php 文件中，那么博客所有的页面都会加载这些脚本，这样造成整个博客效率下降。所以这个时候我们可以通过 WordPress 自定义字段某篇的日志单独加载 Javascript 脚本和 CSS 样式表。

假设我们给日志单独加载 Javascript 脚本的自定义字段是 custom_head。那么你首先需要把下面这段代码复制到你主题的 functions.php 文件中，也可以直接当作一个插件，上传到插件目录中，然后在后台激活。

<?php
/*
Plgin Name: Custom Head
Plugin URI: http://fairyfish.net/2009/11/09/custom-head/
Description: 使用自定义字段给某篇的日志单独加载 Javascript 脚本，使用的自定义字段是 custom_head。
Version: 0.1
Author: Denis
Author URI: http://wpjam.com/
*/
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 样式表即可。

原文链接：WordPress 技巧：使用自定义字段给日志单独加载 Javascript 脚本

Related posts:

1. WordPress Admin Toolbar Bookmarklet - Wordpress 前台管理小工具
2. 自定义 WordPress 后台用户联系方式
3. WordPress v2.8.5中文更新
4. ImageBlogger - Wordpress Theme
5. Anime Wordpress Themes - Anime Visual
6. Red Carpet WordPress Magazine Theme is Free!
7. Ndadap – Free Wordpress Themes
8. Teen Style - Wordpress CMS Theme
9. Wordpress 添加分页模式(2.7版)
10. Ecommerce - Wordpress Theme

Tags: CSS 样式表, Javascript 脚本, WordPress 技巧, 自定义字段

发表评论之余，您还可以到寂静街论坛与我们一起讨论您的观点哦。