新聞中心
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.gle-technology.com)小編為大家介紹這個(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.gle-technology.com)小編這里使用了一個(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.gle-technology.com/wordpress/8612.html