WordPress 用自定义字段为日志单独加载JS脚本

         我们在介绍一些 Javasctipt 库或者特效的时候，为了能够更加清楚的展示 Javascript 的效果，需要在日志中做演示，这个时候我们需要加载 Javascript 脚本或者 CSS 样式表，比如我上一篇日志：Pluralink：一个链接多个选择，中为了演示 Pluralink 的一个链接显示多个链接效果，就需要在日志中加入 Pluralink 的 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 自定义字段做进一步的，推荐你看这篇关于 WordPress 自定义字段介绍的教程。使用自定义字段来显示日志缩略图是 WordPress 自定义字段最常用的方法。

         原文地址：http://fairyfish.net/2009/11/09/custom-head/

评论总数：0 条 [ 查看全部 ] 网友评论