A-A+

通用代码高亮插件:SyntaxHighlighter

2016年10月03日 WordPress 暂无评论 阅读 3,797 views 次

因为博客需要展示一些代码,所以安装了代码高亮插件:SyntaxHighlighter

SyntaxHighlighter样式还不错,加载速度也很快!

 

默认安装的话,展示出来的代码会有SyntaxHighlighter的‘帮助’字样广告。

下面给出SyntaxHighlighter去掉广告的方法

在博客网站目录插件下,找到shCore.css这个文件(通常是在style这个文件夹下),打开它,在里面找到“.syntaxhighlighter .toolbar {”(粗体部分),然后在这个类的最后加上“display:none;”(粗体部分),就可以了。 实例如下:

.syntaxhighlighter .toolbar {

position: absolute !important;

right: 1px !important;

top: 1px !important;

width: 11px !important;

height: 11px !important;

font-size: 10px !important;

z-index: 10 !important;

display: none;
}

打开public_html/wp-content/plugins/syntaxhighlighter/这个目录,发现有两个版本: 怎么知道自己使用的是那个版本呢?首先去到WordPress管理面板,找到插件的设置界面查看自己的版本: 我使用的是3,所以打开3那个文件夹,来到相应的目录public_html/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles,找到shCore.css,打开编辑,添加display:none; 保存即可。下载打开界面发现即去除了帮助图片。而且在谷歌浏览器的审查元素里面也没有错误了。

标签:

给我留言