神魂顛倒論壇logo

icon
首頁網頁 / 程式應用區PHP 與 MySQL 討論 → [Wordpress]利用function,直接在WordPress的head或footer加上程式碼

雷射溶脂 | 瘦小腹 | 植髮 | 眼袋 | 玻尿酸 | 電波拉皮 | Flash | 購物車 | Flash Player 11.2 | 豐胸 |

下一主題 上一主題


[Wordpress]利用function,直接在WordPress的head或footer加上程式碼


[Wordpress]利用function,直接在WordPress的head或footer加上程式碼 簡版






[Wordpress]利用function,直接在WordPress的head或footer加上程式碼

類型:
Wordpress



在新視窗檢視





若常使用外部服務來讓自己的部落格更完善的話,想必須要將一些程式碼加入站台中,但往往很多使用者都搞不太清楚程式碼該加入在哪邊?如果你使用的是自架WordPress部落格系統又是一位剛入門的初心者,很可能一個頭兩個大。現在你可以不用頭大了,未來只要有語法要加入在網頁頭部或是底部,我們只要統一在functions.php內加入就可以了!

自從WordPress的佈景主題中開放了一個叫做functions.php的基本資料之後,很多本來要透過外掛或是是改系統檔程式的動作,大多都可以直接在這個基本資料內改了,未來若遇到版本升級也不用全部重新來過,實在是很方便。若要將語法加入在head或是footer,現在大可不必開header.php或是footer.php,修改functions.php直接完成。

有些外部服務需要我們將追蹤程式碼放在header或是是網頁的footer部分,這時候我們都要去翻佈景主題的header.php或是footer.php基本資料。但對於使用者來講,可能常常要把程式碼通常會需要將追蹤程式碼一下放上面、一下放下面,感覺非常不好管理,未來如果換了佈景主題,這些程式碼又要重新找位置擺放,頗不方便的。

加入程式碼要翻一堆佈景基本資料,為什麼不統合在一塊呢?想要達成這需求,現在我們可透過佈景的functions.php來達做到。運作原理是透過WordPress系統本身的「add_action」函式,並搭配wp_head和wp_footer所達成的效果,我們只要客製functions,然後把語法丟進去,接?使用add_action去做function整合,就可以啦!

在head加入程式碼

透過以下方法加入程式碼的話,程式碼會出現在html標籤「」之前。一般來講,目前新版的Gooogle Analytics或是是Google Webmaster、Bing、Google Apps、FB留言板等等,需要透過meta標籤進行驗證的服務,都可以將語法加入在此地方。或是是你要加入favicon的表徵圖語法,也可以透過這個function來加入。

請您開啟當前使用的佈景主題中,functions.php基本資料,在適當的位置加上以下的語法,記得不要破壞原本結構。紅色部分請您修改成您要加上的程式碼。改好後請儲存並上傳。



function wp_blog_head() {

echo ‘語法在此,前面有使用echo才可輸出 ‘;

} add_action(‘wp_head’, ‘wp_blog_head’);

接?,你必須確認您當前使用的佈景主題中,header.php這基本資料在「」標籤之前是否有呼叫「wp_head();」這個函式,如果沒有呼叫,那麼這語法是會失敗的。但通常佈景都會加上它,大家其實可以放心了!



在新視窗檢視



在footer加入程式碼

那有哪些程式碼會加入在footer呢?通常也是一些追蹤語法,像是加入流量的SiteTag和Sitebro,以及站台人氣統計的Yahoo站長工具或是要載入的JS等等,都習慣加入在網頁末端,這樣的作法主要是不讓這些東西去拖垮網頁的讀取速度。舊版的Gooogle Analytics也是需要加在末端,但是現在新版追蹤碼採用非同步Javascript,官方建議大家可以加在head之中,讓追蹤更精準。

加在末端的語法,會顯示在哪邊呢?它會顯示在網頁標籤「[/b]」之前,但並非每一種語法都適合加入在此,通常服務官方有提到他們追蹤語法可以加入頁尾,才建議加入,因為那些追蹤碼通常是沒有任何樣式的,但若用這語法,加入了一張圖片或找是一個用眼睛可以看到的東西,那很可能會破壞網頁整體版面。

想要在網頁尾端footer的部分加入程式碼,一樣需透過當前使用的佈景之中functions.php基本資料來進行,將以下語法加入即可,記得別破壞基本資料內原始的架構,否則站台會出問題,您要加入的語法請修改語法中紅色的部分,改完後儲存並上傳即可。

function wp_blog_footer() {

echo ‘語法在此,前面有使用echo才可輸出 ‘;

} add_action(‘wp_footer’, ‘wp_blog_footer’);

這時,我們同樣要確認您當前使用的佈景主題中,footer.php這基本資料在「[/b]」標籤之前是否有呼叫「wp_footer();」這個函式,如果沒有呼叫,那麼這個額外新增的語法則無法正確顯示,但一般佈景主題都會有,如果沒有在自己加入在「[/b]」之前即可。



在新視窗檢視



如果覺得語法擠成一排,其實可以在語法後面加上「\n」來進行斷行,千萬別用成一般網頁斷行「

」,否則會出問題的!語法片段範例:「echo 「要顯示的純文字「."\n" 」。

(轉自香腸炒魷魚)

想在手機查閱更多Wordpress資訊?免費下載【香港矽谷】Android App

在新視窗檢視







原文站台: Terence











在新視窗檢視

分享到Facebook





雷射溶脂 | 回到頂部
下一主題 上一主題