【SEO基础】如何在wordpress文章插入代码并高亮显示-看完秒懂
博主之前经常看到别人文章里面能发高亮显示的代码且带有行号,非常美观能让人一目了然,很适合做技术分享。在请教了若干个人无果之后,当即决定自己摸索。在网上收集到了几种方法,现在整理出来分享给有需要的朋友见下文。
其中,line为0不显示行号,为1时显示行号,也可以不写ling这一项。
方法一:安装CodeColorer 插件(博主亲测)
1、在WordPress后台安装插件模块查找CodeColorer 插件,并安装成功。
2、CodeColorer 插件,安装成功后,点击设置插件如图:
3、在编辑文章时,图文部分选择默认的可视化界面,代码部分切换到文本界面。在文本界面插入标签:
。在标签内写入代码,保存文章即可。(注意:lang=”xxxx”这个属性是代码语言的意思,比如:html、php、Java、xml等等。)
4、还可以修改插件代码,开启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-Syntax插件(博主没有亲测,大家可以参考)
在文本模式下,在文章中需要添加代码的地方添加如下代码:
你的代码段
其中,line为0不显示行号,为1时显示行号,也可以不写ling这一项。
而“lang=language”这一项中,language即语言,在添加是需要将其修改为编程语言,即为php、Java、xml等等。
转载请注明:厦门SEO顾问 王连发 网络营销博客 »» 【SEO基础】如何在wordpress文章插入代码并高亮显示-看完秒懂
我要评论