抛弃WordPress代码高亮显示插件

wordpress有很多高亮插件,比如wp-syntaxhighlighter 、ck-and-syntaxhighlighter、syntax-highlighter-compress 、codecolorer等等,这些插件可以直接让我们插入高亮代码,之前小川也曾用过一款,但是现在小川不想使用插件,要做网站优化了,要让网站飞起来了,所以抛弃插件是必须的。

我准备用“鸟哥”推荐的小工具解决高亮代码显示问题:

1、工具下载地址:CodeRenderUnmi
2、解压并把压缩包里面的highlight.css文件上传到网站主题中;
3、打开header.php文件,找到以下代码:

  1. <link rel=“stylesheet” href=“<?php bloginfo(‘template_directory’); ?>
    /style.css”
     type=“text/css” media=“screen” />     

然后紧跟其后加入另一段.css文件调用代码:

  1. <link rel=“stylesheet” href=“<?php bloginfo(‘template_directory’); ?>
    /highlight.css”
     type=“text/css” media=“screen” />  

更简单的方法就是直接把highlight.css文件中代码直接复制到主题文件style.css中,小川用的就这个懒方法了,呵呵。
4、教你怎么用这个工具:
(1)这个小软件无需安装,解压点击打开即可;
软件安装
(2)打开软件使用方法看图示:
使用方法
(3)在便捷wordpress文章是在html编辑状态下粘贴生成的高亮代码即可.
(4)效果如上!
注意:虽然代码已经贴出,但是有朋友反馈在复制的代码会出错,原因是php代码复制后所有的半角符号会转换为全角,所以需要限制这种转换,教程参看:复制的php代码为什么不能用?

周红川

分享独立站建站、搜索引擎优化,独立站推广相关实操经验和心得,如果你在跨境业务中遇到问题,欢迎加我微信沟通交流!

微信号:512765456

2 评论

  1. 你好,小川老师,我用的小工具效果跟你一样,但是前面的序号显示不出来,是什么原因,要怎么修改啊。谢谢

发布回复

请输入您的评论!
请在这里输入您的名字