利用CodeColorer插件在wordpress文章中插入高亮代码
插件下载 2016-02-25 1316 0 评论 admin

正常情况下在wordpress文章中插入代码会以正常的字符方式来显示,既不美观又不方便阅读,相信很多站长都看到过别人的博客文章代码的显示方式很特别,那是因为博主对文章中的代码作了处理,网上或许有很多方式可以实现这个功能,但是对于wordpress来说,本人觉得还是利用CodeColorer插件来实现这个功能比较方便,既简单又不容易出错。那么,下面给大家分享一下这个插件的安装和使用。

1、CodeColorer插件安装,方法有很多种,可以在wordpress后台插件安装界面搜索CodeColorer进行安装,也可以到wordpress官网下载插件安装包进行安装。

2、CodeColorer插件简单配置,安装好的插件需要根据自己的网站风格进行简单的配置一下。插件安装好后在wordpress后台的设置栏里会多出一个CodeColorer链接,点击即可进入CodeColorer插件配置。

CodeColorer高亮代码

3、CodeColorer配置目的是设置代码显示的宽度和风格,显示宽度可以根据自己网站内容显示的宽度来设置,例如我的博客文章显示内容宽度为750,那么就可以将高亮代码显示的宽度设置为750了。至于风格,大家可以根据自己的喜欢来选择,如果希望在高亮代码前面显示行号,可以在“显示行号”前面钩选。最后点保存就可以了。

CodeColorer高亮代码

4、CodeColorer插件安装配置好后,最后到了如何使得插入文章中的代码变成高亮代码,在这里有亦有两种方法可以供大家选择,第一种比较简单,直接在发表文章的时候切换到“文本”模式,在需要显示的代码前后加入一对PHP标签。

1
<code lang="php"> <code> 请在code结束标签前补加“/

5、第二种方法是开启codecolorer的可视化功能,也就是说不用切换到“文本”模式也能对高亮代码进行编辑,这种方法相对来说复杂一点,需要对网站文件进行代码修改,不过对于熟悉代码的站长来说还是比较简单的。方法就是找到CodeColorer插件目录的codecolorer.php文件,用代码编辑软件打开,例如常用的DW,然后找到下面这段代码,把代码前面的注释去掉就可以了。

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/422.html
联系wp仿站之家:5946394#qq.com (#改为@)
wp仿站微信公众号:linw_net
官网淘宝店:http://shop111710277.taobao.com/
wp仿站之家
手机扫一扫
进淘宝店铺选购主题

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

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

上一篇: 下一篇:

发表评论

服务咨询