[教學] 透過function.php當中放入JavaScript程式碼

對於WordPress的使用者來說,若你的版型當中沒有提供自訂JavaScript功能時可以使用以下方法來放入 當然也可以使用安裝外掛的方式,但是對於我來說安裝外掛會降低網站的使用效能,所以那一塊不在今天的討論範圍內   以下的方式是透過WordPress的內建函數add_action,並搭配wp_head和wp_footer所達成的效果 這邊會分別介紹插入header.php和footer.php的方法   在head加入代碼 一般來說Gooogle Analytics、Google Webmaster、Bing、Google Apps、FB留言板需要透過meta標籤進行 […]

對於WordPress的使用者來說,若你的版型當中沒有提供自訂JavaScript功能時可以使用以下方法來放入

當然也可以使用安裝外掛的方式,但是對於我來說安裝外掛會降低網站的使用效能,所以那一塊不在今天的討論範圍內

 

以下的方式是透過WordPress的內建函數add_action,並搭配wp_head和wp_footer所達成的效果

這邊會分別介紹插入header.php和footer.php的方法

 

在head加入代碼

一般來說Gooogle Analytics、Google Webmaster、Bing、Google Apps、FB留言板需要透過meta標籤進行驗證的服務,都可以將語法加入在此地方。或者是你要加入favicon的圖示語法,也可以透過這個function來加入。

這邊需要先打開佈景主題當中的function.php,在適當的位置放入以下代碼

紅色的地方是需要修改成你自己的程式碼的地方

function wp_blog_head() {
     echo 'JavaScript程式碼';
}  add_action('wp_head', 'wp_blog_head');

在使用這個方法之前確認在 </head>之前是否有呼叫到了wp_head函數,否則這個方法會失效喔

 

在footer加入代碼

想要在footer加入代碼一樣可以透過function.php,其實做法和上面幾乎是一樣的,差別在於有些追縱代碼需要特定插入在</body>之前,那麼就符合使用這個方式

一樣需要找一個適當的位置放入,以免程式發生錯誤喔

紅色的地方是需要修改成你自己的程式碼的地方

function wp_blog_footer() {
  echo 'JavaScript程式碼';
}  add_action('wp_footer', 'wp_blog_footer');

 

 

對於上述的作法如果有任何問題歡迎透過Contact us留言給我喔~

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *