wordpress有很多高亮插件,比如wp-syntaxhighlighter 、ck-and-syntaxhighlighter、syntax-highlighter-compress 、codecolorer等等,这些插件可以直接让我们插入高亮代码,之前小川也曾用过一款,但是现在小川不想使用插件,要做网站优化了,要让网站飞起来了,所以抛弃插件是必须的。
我准备用“鸟哥”推荐的小工具解决高亮代码显示问题:
1、工具下载地址:CodeRenderUnmi
2、解压并把压缩包里面的highlight.css文件上传到网站主题中;
3、打开header.php文件,找到以下代码:
- <link rel=“stylesheet” href=“<?php bloginfo(‘template_directory’); ?>
/style.css” type=“text/css” media=“screen” />
然后紧跟其后加入另一段.css文件调用代码:
- <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 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。
评论(2)
你好,小川老师,我用的小工具效果跟你一样,但是前面的序号显示不出来,是什么原因,要怎么修改啊
你好,小川老师,我用的小工具效果跟你一样,但是前面的序号显示不出来,是什么原因,要怎么修改啊。谢谢