0
(0)

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代码为什么不能用？

声明：本站分享的WordPress主题/插件均遵循 GPLv2 许可协议（免费开源），相关介绍资料仅供学习参考，实际版本可能会因版本迭代或开发者调整而产生变化，如程序中涉及有第三方原创图像、设计模板、远程服务等内容，应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务，亦不收取相关费用。