一直以来在wordpress发布文章的时候不管代码的显示格式,都是按普通的文章本格式来发布的,但后来发现这样的发布使得代码非常之不美观,又不方便阅读,这样对用户的体验非常不好,所以在网上找了一些解决代码在文章中高亮显示的方法,经过几次的测试,觉得使用CodeColorer这个插件来实现比较方便,而且高亮代码显示非常美观,下面给大家讲讲如何使用这个插件.

1、既然是用插件为实现的功能,那么第一件事就是安装这个插件了.

2、安装好CodeColorer后在wordpress管理后台的设置里面有个CodeColorer选项,点击进去进行配置.

一般情况下只需要将“宽度”设置成您站点文章的宽度就行了,如果希望显示的高亮代码前面显示行号的话，可以勾选一下格式化里的“显示行号”,如图:

3、在发表文章的时候先在可视化界面编辑好所有文字内容,然后切换到文本界面,在文本界面找到你需要添加高亮代码的地方插入以下标签:<code lang=”php”> </code>，在<code lang=”php”> </code>标签之间插入您需要显示的代码,然后保存文章就可以了,当然您也可以开启CodeColorer的可视化插入代码功能,只需要修改插件目录下的codecolorer.php 文件即可,下面是需要修改的代码,只需要将代码前面的//注释符去掉就可以了.

1. [cce_php first_line='136'] 
2. // if (get_user_option('rich_editing') == 'true') { 
3. //     add_filter('mce_external_plugins', array('CodeColorerLoader', 'AddTinyMCEPlugin')); 
4. //     add_filter('mce_buttons', array('CodeColorerLoader', 'RegisterTinyMCEButton')); //开源软件:phpfensi.com 
5. // }

Tags: wordpress插件 wordpress高亮代码

分享到：