一直以來(lái)在wordpress發(fā)布文章的時(shí)候不管代碼的顯示格式,都是按普通的文章本格式來(lái)發(fā)布的,但后來(lái)發(fā)現(xiàn)這樣的發(fā)布使得代碼非常之不美觀,又不方便閱讀,這樣對(duì)用戶(hù)的體驗(yàn)非常不好,所以在網(wǎng)上找了一些解決代碼在文章中高亮顯示的方法,經(jīng)過(guò)幾次的測(cè)試,覺(jué)得使用CodeColorer這個(gè)插件來(lái)實(shí)現(xiàn)比較方便,而且高亮代碼顯示非常美觀,下面給大家講講如何使用這個(gè)插件.

1、既然是用插件為實(shí)現(xiàn)的功能,那么第一件事就是安裝這個(gè)插件了.

2、安裝好CodeColorer后在wordpress管理后臺(tái)的設(shè)置里面有個(gè)CodeColorer選項(xiàng),點(diǎn)擊進(jìn)去進(jìn)行配置.

一般情況下只需要將“寬度”設(shè)置成您站點(diǎn)文章的寬度就行了,如果希望顯示的高亮代碼前面顯示行號(hào)的話，可以勾選一下格式化里的“顯示行號(hào)”,如圖:

3、在發(fā)表文章的時(shí)候先在可視化界面編輯好所有文字內(nèi)容,然后切換到文本界面,在文本界面找到你需要添加高亮代碼的地方插入以下標(biāo)簽:<code lang=”php”> </code>，在<code lang=”php”> </code>標(biāo)簽之間插入您需要顯示的代碼,然后保存文章就可以了,當(dāng)然您也可以開(kāi)啟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')); //開(kāi)源軟件:Vevb.com 
5. // }