用Code Snippets來加入自訂WordPress的程式碼及語法

在WordPress當中,如果要增加自訂的語法,不管是JS,或是PHP,很多人都會使用主題編輯器裡的functions.php
一般程式碼不多的情況下倒也還好,一旦量一多,別說拖慢速度,在管理維護上也是一個大問題。

這篇文章會介紹外掛-Code Snippets,除了可以根據需求增修程式碼外,也可以隨時開關,更可以選擇要在哪裡執行(前端、後段),透過這個方式來管理自己寫的code,未來維護也不會搞得一頭霧水。

 

安裝Code Snippets

▼直接在安裝外掛的頁面搜尋就可以找到了,這還是一個免費外掛!

Code Snippets-plugin

 

外掛介面

▼進到 Code Snippets 的介面會看到幾個預設的程式碼片段,可以依照需求去開啟、關閉

Code Snippets-wordpress

 

 

程式碼片段內頁畫面

▼從下面畫面中我們可以看到,在新增標題後,可以將程式碼寫到下面區塊,並且可以依照作用,決定此段程式碼要在哪邊執行,下面也很貼心的附上可以寫備註的區塊,非常貼心

Code Snippets-教學

 

總結

大家可以試著把程式碼寫進來使用看看,在未來我也會分享我常用的程式碼片段給大家參考