如何利用wordpress插件在文章中插入高亮代码
使用技巧 2014-09-27 7520 0 评论 admin

一直以来在wordpress发布文章的时候不管代码的显示格式,都是按普通的文章本格式来发布的,但后来

发现这样的发布使得代码非常之不美观,又不方便阅读,这样对用户的体验非常不好,所以在网上找了

一些解决代码在文章中高亮显示的方法,经过几次的测试,觉得使用CodeColorer这个插件来实现比较方

便,而且高亮代码显示非常美观,下面给大家讲讲如何使用这个插件。

1、既然是用插件为实现的功能,那么第一件事就是安装这个插件了,详细的安装方法可以参照:

wordpress插件CodeColorer的下载与安装

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

一般情况下只需要将“宽度”设置成您站点文章的宽度就行了。如果希望显示的高亮代码前面显示行号

的话,可以勾选一下格式化里的“显示行号”。如图:
wordpress插件

wordpress插件

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

1
2
3
4
5
[cce_php first_line='136']
// if (get_user_option('rich_editing') == 'true') {
//     add_filter('mce_external_plugins', array('CodeColorerLoader', 'AddTinyMCEPlugin'));
//     add_filter('mce_buttons', array('CodeColorerLoader', 'RegisterTinyMCEButton'));
// }

继续浏览有关: , , 的文章
版权声明:版权归 wp仿站之家 所有,转载请注明出处!
转载请保留链接: http://www.linw.net/126.html
联系wp仿站之家:5946394#qq.com (#改为@)
wp仿站微信公众号:linw_net
官网淘宝店:http://shop111710277.taobao.com/
wp仿站之家
手机扫一扫
进淘宝店铺选购主题

用心做最好的主题网站wp仿站之家

wp仿站之家是一个专业的wordpress仿站业务网站,提供wordpress主题模板下载以及seo网站优化服务,诚信经营,用心服务每一个客户,让您放心享受我们的优质服务。同时,也欢迎各位建站爱好者加入我们交流建站经验心得。

上一篇: 下一篇:

发表评论

服务咨询