新聞中心

WordPress文章優(yōu)化加載 JS 腳本和CSS樣式美化文章顯示

作者 / 無憂主機時間 2012-09-20 07:31:10

如果你有獨特要求、如果你想對你某篇重要文章做突出設置，那么我們該怎么做類？我們在wordpress中能否直接對博文進行修加效果顯示類？比如給wordpress某篇文章加入js或css效果樣式，這樣可以實現嗎？可以的，在wordpress管理菜單中有一個叫做“自定義字段”的東西，我可以利用這個單獨給某篇特點的文章加入js效果或css樣式，讓你的文章獨具一格，顯個性。下面這個案例，就是利用文章自定義字段來添加JS腳本和CSS樣式，完美實現單個文章時間特殊的效果，下面由無憂主機（www.love62.cn）小編為大家介紹這個方法。首先使用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.love62.cn）小編這里使用了一個CSS樣式去除超鏈接的下劃線效果，填寫完成后，發(fā)布文章，到網站看看效果（如下圖2）圖1：