WP代码高亮插件推荐CodeColorer

2018年9月2日 973 次阅读 0 条评论

代码高亮

当下wordpress博客中技术性博客偏多,贴代码的文章很常见。没有语法高亮,贴上的代码就宛如乱麻,没有层次,实现高亮的方法有很多,也可以不用插件,但是更换主题就需要重新配置,为了一劳永逸,还是使用插件更为方便。这里推荐的插件是CodeColorer,在后台搜索安装即可,中文支持良好,汉化完整。

设置截图

截图

使用方法

使用方法

每次这样使用可能不太方便,于是我们可以制作一个按钮,在编辑时点击按钮快速创建模板。如图
按钮

按钮创建方法

将以下内容复制到主题的functions.php文件末尾。如果需要添加其他语言的按钮,类比我下面的php和html按钮添加即可。把下面的**换为cc,我这里打不出来。

php
1
2
3
4
5
6
7
8
9
10
11
//编辑器添加快捷键
function appthemes_add_quicktags() {
?>
<script type="text/javascript">
QTags.addButton( 'php', 'PHP', '\n[** lang="php"]\n这里写代码\n[/**]\n' );
QTags.addButton( 'html', 'HTML', '\n[** lang="html"]\n这里写代码\n[/**]\n' );
</script>
<?php
}
add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );
//添加快捷键结束

文章评论(0)

我来讲两句~