导读:搭建网站搭建网站说起wordpress 代码高亮问题，我相信很多wordpress站长都十分的需要吧，特别是从小白晋级为大神的阶段，博客里难免会出现很多代码的记录保存以作备忘，建站技术网网站优化技术。

教程由来

说起wordpress代码高亮问题，我相信很多wordpress站长都十分的需要吧，特别是从小白晋级为大神的阶段，博客里难免会出现很多代码的记录保存以作备忘，这个时候就十分需要代码高亮的功能能够让我们贴出的代码美观易于阅读，实现wordpress代码高亮的方法有很多，例如插件，百度一下，什么10大wordpress代码高亮插件、wordpress最织梦网站模板强大代码高亮插件的全出来了，小2不否认他们的强大性！

但是再强大无非也就是代码高亮而已，遇见那些不经常贴代码的童靴来说，安装这么一款强大的插件又有些浪费的赶脚，那什么样的办法能够既方便又小巧还利于用户体验呢？

今天说的，就是非插件wordpress代码高亮的实现！

CodeRender

我说出这个时候，大神们就恍然大悟了，有种“小2你过来，我保证不打你”的冲动，哈哈。。。对此我想说，大神，此贴不是写给你看的，求翻看其他内容。。。

这里简约的说下其dede网站模板含义吧，意思就是让你们的主题加载一段css后，通过CodeRender生成出来的代码，贴进我们的wordpress博客后就能够立马显示出美观的样子出来，例如：

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

下载文件后，解压得到highlightx.css文件，将其文件放到wordpress主题的根目录下，然后进行其css文件的调用；

打开wordpress主题文件夹下的header.php文件夹，在</head>前面加入

保存即可，当然大家也可将highlightx.css文件里的所有内容复制粘贴到你们wordpress主题的style.css文件的最下面。。。作用是一样的，分开文件调用可以定义什么样的页面调用什么样的样式，当然这是大神所了解的，小白们也不需要了解为什么分开调用会更好些。。。哈哈。。。。

那么现在你的主题就支持CodeRender输出内容的样式显示了！

下面小2就提供个工具页面，能够直接输出代码的 → 传送门

通过这个工具，即可直接将代码转换为div的内容

关键词标签: WordPress 代码 插件