一直以來在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')); //開源軟件:Vevb.com 
5. // }