WordPress不需插件即可高亮代码

主要利用CodeRender
可以先看下示例:
点击查看示例
让主题加载一段css后,通过CodeRender生成出来的代码,贴进我们的wordpress博客后就能够立马显示出美观的样子出来,例如:

目前CodeRender输出的样式类有很多,我们就拿最原始的css给大家,具体css的美化,大家可以自行修改,下载地址

下载文件后,解压得到highlightx.css文件,将其文件放到wordpress主题的根目录下,然后进行其css文件的调用;
打开wordpress主题文件夹下的header.php文件夹,在前面添加
或者找到下面这段代码

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style.css" /> 

在后面添加:

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/highlight.css" />  

保存即可,当然大家也可将highlightx.css文件里的所有内容复制粘贴到你们wordpress主题的style.css文件的最下面,作用是一样的。
那么现在你的主题就支持CodeRender输出内容的样式显示了!

通过这个工具(点击访问)即可直接将代码转换为div的内容

将我们的代码复制进【输入源代码】后,选择代码的语言,这里支持的语言有:
java/xml/sql/jscript/css/cpp/c#/python/vb/perl/php/ruby/delphi

然后点击转换,得出的html代码即为我们要复制贴进wordpress文章编辑里的,复制进去的时候wordpress必须为文本模式,非可视化模式。

如认为默认的样式不符合自己的要求,可以通过修改“highlight.css”中的样式改变代码高亮、边框、背景等颜色,更个性化。

但需要注意的是Wordpress会自动把半角符号替换为全角,别人复制下来的函数代码标点是全角的,无法使用,切记!
解决办法:

打开并编辑 wp-includes/formatting.php 文件,找到以下代码:  
// static strings  
$curl = str_replace($static_characters, $static_replacements, $curl);  
// regular expressions  
$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);  
将$curl 开头的两句代码注释掉,如下:  
// static strings  
//$curl = str_replace($static_characters, $static_replacements, $curl);  
// regular expressions  
//$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl); 

到这里,就全部OK了。

参考:
Wordpress代码高亮的实现,拒绝插件!
http://www.2zzt.com/jcandcj/6268.html
不用插件实现WordPress代码高亮显示 | 知更鸟
http://zmingcx.com/wordpress-code-highlight.html


 继续浏览关于 技术 的文章

 本文最后更新于 2019/06/22 16:59:45,可能因经年累月而与现状有所差异

 引用转载请注明:icret > 教程 > WordPress不需插件即可高亮代码