自行設計 WordPress 的 inline code 風格

  這個網誌上的程式碼是透過 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 的程式碼包起來即可

댓글 남기기

이메일 주소는 게시되지 않습니다. 필수 항목 표시 *

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.