您当前的位置: 网站优化建站常识

抛弃WordPress代码高亮显示插件

发布于:2016-07-09 17:34:03  作者:徐文海网络   点击:

抛弃WordPress代码高亮显示插件

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

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

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

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

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

<linkrel=“stylesheet”href=“<?phpbloginfo(‘template_directory’);?>
/highlight.css”
type=“text/css”media=“screen”/>

更简单的方法就是直接把highlight.css文件中代码直接复制到主题文件style.css中,小川用的就这个懒方法了,呵呵。
4、教你怎么用这个工具:
(1)这个小软件无需安装,解压点击打开即可;

(2)打开软件使用方法看图示:

使用方法


(3)在便捷wordpress文章是在html编辑状态下粘贴生成的高亮代码即可.
(4)效果如上!
注意:虽然代码已经贴出,但是有朋友反馈在复制的代码会出错,原因是php代码复制后所有的半角符号会转换为全角,所以需要限制这种转换,教程参看:复制的php代码为什么不能用?

本文关键词: 插件| 代码| 显示| 高亮| 抛弃| WordPress|

[相关阅读]

我们介绍

  徐文海网络科技工作室,专业从事石家庄百度优化,石家庄网站建设,石家庄网络公司,石家庄网站制作,石家庄网站优化,石家庄软件制作。如果您感觉我们不错请分享↓给更多的人