自行设计 WordPress 的内联代码风格

这个博客上的代码是通过 SyntaxHighlighter Evolved 这个插件来呈现的,不过不知道为什么,我一直无法让代码以 inline 的方式呈现,后来干脆自己用 span 标签加上 CSS 来呈现,后来注意到文字编辑器上 code 按钮我一直没用,最后干脆把新增的 CSS 写进 code the tag,之后就可以快速套用了。

修改 CSS
在 WordPress 的‘附加的 CSS’中加上以下代码:

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

使用
在编辑文章时,点击上方的 code 按钮,将 inline 的代码包起来即可。

留下回复

您的电子邮件地址不会被公开. 必填项已标注 *

本网站使用 Akismet 来减少垃圾评论. 了解您的评论数据如何被处理.