【SEO基础】如何在wordpress文章插入代码并高亮显示-看完秒懂 - 外贸营销俱乐部 SEO知识介绍-让不懂变成专业_ SEO知识专题_让SEO学习变得简单! - 外贸营销俱乐部 | 首席 厦门SEO顾问_企业网络营销顾问 王连发_厦门SEO|厦门SEO优化|厦门SEO顾问服务_福建SEO顾问_外贸整合营销|外贸SNS营销服务顾问_seo怎么优化_ seo网站关键词优化_seo搜索优化_收费_效果怎么样

SEO知识

当前位置/ 首页/ SEO专题/SEO知识/ 正文

【SEO基础】如何在wordpress文章插入代码并高亮显示-看完秒懂

博主之前经常看到别人文章里面能发高亮显示的代码且带有行号,非常美观能让人一目了然,很适合做技术分享。在请教了若干个人无果之后,当即决定自己摸索。在网上收集到了几种方法,现在整理出来分享给有需要的朋友见下文。

  方法一:安装CodeColorer 插件(博主亲测)

1、在WordPress后台安装插件模块查找CodeColorer 插件,并安装成功。

2、CodeColorer 插件,安装成功后,点击设置插件如图:

插件安装

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文章插入代码并高亮显示-看完秒懂

我要评论