新聞中心
WordPress文章優(yōu)化加載 JS 腳本和CSS樣式美化文章顯示
作者 / 無(wú)憂主機(jī) 時(shí)間 2012-09-20 07:31:10
如果你有獨(dú)特要求、如果你想對(duì)你某篇重要文章做突出設(shè)置，那么我們?cè)撛趺醋鲱悾课覀冊(cè)趙ordpress中能否直接對(duì)博文進(jìn)行修加效果顯示類？比如給wordpress某篇文章加入js或css效果樣式，這樣可以實(shí)現(xiàn)嗎？可以的，在wordpress管理菜單中有一個(gè)叫做“自定義字段”的東西，我可以利用這個(gè)單獨(dú)給某篇特點(diǎn)的文章加入js效果或css樣式，讓你的文章獨(dú)具一格，顯個(gè)性。下面這個(gè)案例，就是利用文章自定義字段來(lái)添加JS腳本和CSS樣式，完美實(shí)現(xiàn)單個(gè)文章時(shí)間特殊的效果，下面由無(wú)憂主機(jī)（www.love62.cn）小編為大家介紹這個(gè)方法。 首先使用FTP工具登錄php虛擬主機(jī)把正在使用主題的functions.php文件下載到本地，然后把下列代碼添加進(jìn)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后臺(tái)管理功能的“自定義字段”默認(rèn)是隱藏起來(lái)的，如你沒(méi)看到，你只要在“顯示選擇”中勾選，就可以顯示出來(lái)了。如下圖。
好了，現(xiàn)在接下來(lái)的就是2件事情，
1、? 準(zhǔn)備一個(gè)css或js效果樣式
2、? 文章中調(diào)用這個(gè)自定義字段，就可以單獨(dú)將一個(gè)css效果顯示出來(lái)。
如，我們隨便進(jìn)入一篇文章，然后在“自定義字段的欄目”欄目中定義添加一個(gè)新欄目customs_head（如下圖1），無(wú)憂主機(jī)（www.love62.cn）小編這里使用了一個(gè)CSS樣式去除超鏈接的下劃線效果，填寫完成后，發(fā)布文章，到網(wǎng)站看看效果（如下圖2）
圖1：
圖2：
OK了，這樣就可以試每篇文章都有不一樣的效果，網(wǎng)絡(luò)上都有好多js腳本和CSS樣式的代碼，大家可以去百度搜一搜，但愿可以幫到你們打造出最獨(dú)特的網(wǎng)站。
純Linux環(huán)境下高端免備案【香港獨(dú)立IP地址】php空間，僅僅只需199元一年起。商務(wù)中國(guó)域名核心代理直銷50元注冊(cè)國(guó)際頂級(jí)域名
本文地址：http://www.love62.cn/wordpress/8612.html
