自行設計 WordPress 的 inline code 風格

  這個網誌上的程式碼是透過 SyntaxHighlighter Evolved 這支外掛來呈現,不過不知道為什麼,我一直無法讓程式碼以 inline 的方式呈現,後來乾脆自己用 span 標籤加上 CSS 來呈現,後來注意到文字編輯器上 code 按鈕我一直沒用,In the end, I simply wrote the new CSS into the code tag,and then it could be applied quickly。

Modify CSS
Add the following code in WordPress 'Additional CSS':

code {
	background-color: #e3e6e8;
	border-radius: 4px;
	padding: 1px 8px;
	color: black;
	font-family: Cosolas;
}

Usage
When editing a post,Click the code button at the top,Wrap the inline code with it。

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.