這個網誌上的程式碼是透過 SyntaxHighlighter Evolved 這支外掛來呈現,不過不知道為什麼,我一直無法讓程式碼以 inline 的方式呈現,後來乾脆自己用 span
標籤加上 CSS 來呈現,後來注意到文字編輯器上 code 按鈕我一直沒用,最後乾脆把新增的 CSS 寫進 code
標籤,之後就可以快速套用了。
修改 CSS
在 WordPress 的「附加的 CSS」加上以下程式:
code { background-color: #e3e6e8; border-radius: 4px; padding: 1px 8px; color: black; font-family: Cosolas; }
使用
在編輯文章時,點選上方的 code 按鈕,將 inline 的程式碼包起來即可。