自行设计 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 的程式码包起来即可。

发表评论

请注意:: 评论审核已启用,可能会耽误您的评论. 有没有必要重新提交您的评论.