推薦外掛(SyntaxHighlighter Evolved)貼上原始碼

原始碼的變色處理不要自己調整，安裝這個外掛就搞定。

短代碼參數

以下是短代碼支援的參數與用途說明。如為布林值（例如：啟用／停用）請輸入 true/1 或 false/0。

• lang 或 language — 醒目顯示所使用的語言。 也可以直接使用他當作短代碼標籤，如［php］程式碼［/php］。支援的語言標籤列表。
• autolinks — 切換網址轉換為超連結。
• classname — 附加到程式碼區塊的 CSS 類別。
• collapse — 切換摺疊程式碼區域，需要額外的典籍顯示內容。適合使用於大量的程式碼情況。
• firstline — 第一行的行號，必須為整數。
• gutter — 切換左側顯示行號。
• highlight — 以逗號區隔要反白顯示的行號數字，也可以為一個範圍的數字。例如：2,5-10,12
• htmlscript — 切換顯目顯示額外的 HTML/XML。適合在 HTML/XML 混和在其他語言的情況，例如 PHP 當中包含有 HTML 的程式碼。例如上方的預覽就是啟用的狀態。這只可以在部分的語言中運作。
• light — 切換行內顯示模式。將同時停用工具框與行號。
• padlinenumbers — 控制行號前補零。false 為關閉，true 為自動偵測，或是一個指定的數字。
• title （版本 3 專屬） — 設定在程式碼之前顯示的文字。在啟用 collapse 的狀態下非常有用。
• toolbar — 切換顯示工具箱（版本 2 為按鈕，版本 3 為資訊顯示記號）
• wraplines （版本 2 專屬） — 切換強制換行

短代碼範例：

• ［php］將原始碼填寫於此［/php］
• ［css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” highlight=”1-3,6,9″ htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ toolbar=”true” title=”example-filename.php”］將原始碼填寫於此［/css］
• ［code lang=”js”］將原始碼填寫於此［/code］
• ［sourcecode language=”plain”］將原始碼填寫於此［/sourcecode］

使用方法，在Wordpress編輯區加入短代碼，或直接貼上原始碼，效果如下：

echo "hello World";

參考資料來源：
https://tw.wordpress.org/plugins/syntaxhighlighter/