新闻中心

WordPress文章优化加载 JS 脚本和CSS样式美化文章显示

作者 / 无忧主机时间 2012-09-20 07:31:10

如果你有独特要求、如果你想对你某篇重要文章做突出设置，那么我们该怎么做类？我们在wordpress中能否直接对博文进行修加效果显示类？比如给wordpress某篇文章加入js或css效果样式，这样可以实现吗？可以的，在wordpress管理菜单中有一个叫做“自定义字段”的东西，我可以利用这个单独给某篇特点的文章加入js效果或css样式，让你的文章独具一格，显个性。下面这个案例，就是利用文章自定义字段来添加JS脚本和CSS样式，完美实现单个文章时间特殊的效果，下面由无忧主机（www.51php.com）小编为大家介绍这个方法。首先使用FTP工具登录php虚拟主机把正在使用主题的functions.php文件下载到本地，然后把下列代码添加进functions.php最底部endif后面。

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;

}

}

?>

Wp后台管理功能的“自定义字段”默认是隐藏起来的，如你没看到，你只要在“显示选择”中勾选，就可以显示出来了。如下图。

好了，现在接下来的就是2件事情， 1、准备一个css或js效果样式 2、文章中调用这个自定义字段，就可以单独将一个css效果显示出来。如，我们随便进入一篇文章，然后在“自定义字段的栏目”栏目中定义添加一个新栏目customs_head（如下图1），无忧主机（www.51php.com）小编这里使用了一个CSS样式去除超链接的下划线效果，填写完成后，发布文章，到网站看看效果（如下图2）图1：