WordPress程式碼高亮外掛 – Prism Syntax Highlighter

小編所撰寫Blog主題當中有許多是以資訊與程式相關的文章,因此為了提升讀者的閱讀品質只要是與程式碼相關的文章皆會使用這套 WordPress程式碼高亮外掛 《Prism Syntax Highlighter》,這套外掛除了可以讓程式碼顯示高亮之外也有顯示行數功能,可以讓讀者們很清楚的知道自己目前閱讀到那行,這套外掛經過自己使用過覺得很實用,因此將《Prism Syntax Highlighter》 推薦給各位有使用WordPress架站的部落客們使用。

  安裝與使用教學  

Prism Syntax Highlighter官網

https://prismjs.com/

 

第一步驟:下載與安裝程式(程式安裝連結如下)。

Prism Syntax Highlighter

 

第二步驟:建立一篇文章並切換到編輯頁面,此外掛會在功能列建立按鈕。

WordPress程式碼高亮外掛

 

第三步驟:點擊功能列按鈕開啟設定視窗,在Language項目中選擇你所要撰寫的語言。

WordPress程式碼高亮外掛

 

第四步驟:將程式碼貼於Paste Code區域中,並點擊右下角確定。

 

第五步驟:點擊確認送出後就會在文章中看到顯示程式碼區域(此時還未顯示高亮)。
WordPress程式碼高亮外掛

 

第六步驟:將文章發表後就會看到顯示高亮的程式碼與顯示的行數了。

WordPress程式碼高亮外掛

 

延伸閱讀:

1.使用OneSignal讓WordPress網站擁有訂閱鈴噹的功能

2.【WordPress】使用Image Watermark讓圖片添加浮水印

3.【WordPress】Quick Adsense快速將廣告插入每篇文章中

4.【WordPress】如何正確的將Yoast SEO移除或重置

5.【WordPress】在Head與Footer中快速加入程式碼

6.快速重置WordPress

7.WordPress跑馬燈

8.WordPress社群分享外掛

9.WordPress Meta Slider 教學

10.WordPress外掛 – 使用Yoast SEO來提升網頁排名與流量

發佈留言

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