WordPress代码高亮插件SyntaxHighlighter Evolved

一个很棒的代码高亮插件,下面是一个php的示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></pre>
</div>
<div id="_mcePaste"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"></div>
<div id="_mcePaste"><head></div>
<div id="_mcePaste"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></div>
<div id="_mcePaste"><title>PHP Code Example</title></div>
<div id="_mcePaste"></head></div>
<div id="_mcePaste"><body></div>
<div id="_mcePaste">
<h1>PHP Code Example</h1>
</div>
<div id="_mcePaste">

<?php echo 'Hello World!'; ?>
</div>
<div id="_mcePaste">

This line is highlighted.
</div>
<div id="_mcePaste">
<div></div>
<div id="_mcePaste">This is an</div>
<div id="_mcePaste">example of smart</div>
<div id="_mcePaste">tabs.</div>
<div id="_mcePaste"></div>
</div>
<div id="_mcePaste">

<a href="http://wordpress.org/">WordPress</a>
</div>
<div id="_mcePaste"></body></div>
<div id="_mcePaste"></html> 

使用时发现默认字体大小为主题字体大小,在我这个主题中显得有点大。

那么我们来改一下字体大小。

编辑 wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/shCore.css

font-size: 1em !important;

改为

font-size: 13px !important;

《WordPress代码高亮插件SyntaxHighlighter Evolved》上有1条评论

Coxxs进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据