如何不需要使用插件就可以实现WordPress代码高亮功能
![]() | ![]() | ![]() | ![]() |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |

很多WordPress站长都需要。在博客搭建的过程中,经常需要对代码进行备份,并且有用的代码还要收藏。
这个时候就十分需要代码高亮,能够让我们贴出的代码美观易于阅读。
实现WordPress代码高亮的方法有很多,插件比较麻烦,代码高亮的插件,要不很简单,要不就是看着非常强大但是复杂设置,或者需要注入很多代码。比较麻烦。
但是再强大无非也就是代码高亮而已,遇见那些不经常贴代码的博主来说,那什么样的办法能够既方便又小巧还利于用户体验呢?
可以通过非插件WordPress代码高亮的实现,代码集成。
内容 1 CodeRender 2 相关文章CodeRender
通过这个小工具让主题加载一段css后,通过CodeRender生成出来的代码,贴进WordPress博客后就能够立马显示出美观的样子出来,例如:
目前CodeRender输出的样式类有很多,我们就拿最原始的css给大家,具体css的美化,大家可以自行修改。下载地址在文末。
下载文件后,解压得到highlightx.css文件,将其文件放到WordPress主题的根目录下,然后进行其css文件的调用;
打开WordPress主题文件夹下的header.php文件夹,在</head>前面加入
<link rel="stylesheet" h="<?php bloginfo('template_url'); ?>/highlight.css" />保存即可。
也可将highlightx.css文件里的所有内容复制粘贴到你们WordPress主题的style.css文件的最下面。
设置完成后,后台就支持CodeRender输出内容的样式显示了。
下面提供个工具页面,能够直接输出代码。
http://www.2zzt.com/gl/
通过这个工具,即可直接将代码转换为div的内容
将我们的代码复制进【输入源代码】后,选择代码的语言,这里支持的语言有:java/xml/sql/jscript/css/cpp/c#/python/vb/perl/php/ruby/delphi
然后点击转换,得出的html代码即为我们要复制贴进wordpress文章编辑里的,当然复制的时候,wordpress使用文本模式。
到这里本教程应该全部结束了。
但是还有个致命的问题发生,就是我们放进去的代码会被Wordpress自动把半角符号替换为全角,这样带来的问题就是,别人复制你的代码后,无法正常使用。这个时候需要
找到functions.php,打开后在最下面贴上
//禁止代码标点转换remove_filter('the_content', 'wptexturize');[WordPress]历史优惠活动内容
猜你可能想看的VPS
- 美国免费空间 知名商家 Krypt 提供免费的 WordPress 空间虚拟空间(主机)
- GbpsCloud→1620 元 月 2GB 内存 30GB 空间 不限虚拟空间(主机)
- 299 元 年 1G 内存 15G SSD 2Mbps 不限量 XEN 香港VPS[主机]
- CN2 GIA ¥249 年 512M 内存 20G SSD 1Gbps全球[VPS测评]
- VirPus→美国西雅图 VPS XEN 架构 4 核 1G 2.1 美美国VPS[主机]
- HTML 中正确设置表格 table 边框 border 的三种办法全球[VPS测评]
- TMThosting→$66.5 月-Dual L5520 24GB 1全球[VPS测评]
- 锐速 BBR 魔改 BBR 效果对比 锐速和 BBR 选择哪个好全球[VPS测评]
- 疯狂猜成语 图猜成语一个人在摘树叶地上还有一根树枝是什么成语?全球[VPS测评]
- 促销 RackNerd→1 核 CPU 1G 内存 15G SSD 2.全球[VPS测评]
- 劳动节 edgeNAT→8 核 8G 40G SSD 4Mbps 不限流韩国VPS[主机]
- 超兽 VPS→120 元 年 1GB 内存 10GB 空间 100GB 虚拟空间(主机)
- 搬瓦工又一次关闭免费更换IP服务全球[VPS测评]
- WordPress插件:WP User Avatar修改默认头像全球[VPS测评]
- RAKsmart双十一活动 每天10台独服月付30刀秒杀,注册就送10刀全球[VPS测评]
- OG协议对博客Google SEO优化有什么帮助?全球[VPS测评]
- 搬瓦工VPS面板新增Mount ISO内置100+系统镜像 附安装Gno全球[VPS测评]
- WordPress博客固定链接是否会影响网站SEO?全球[VPS测评]
- Gotmyhost-$9.4 月 孟加拉国 新加坡 美国 2G内存20G美国VPS[主机]
- PacificRack → 1C 512M RAM 10G SSD 50全球[VPS测评]
- 人力资源管理系统前端Web模板 - SmartHR全球[VPS测评]
- 桔子数据:1核1GB香港CN2 GIA vps促销28元/月,最高30M香港VPS[主机]
- 为什么大家都选择香港服务器建站香港VPS[主机]
- 瓜云互联怎么样?香港/美国洛杉矶CN2高防vps 50G月付34元美国VPS[主机]
- 辰迅云怎么样?国内香港云服务器全场5折,物理服务器限时特价香港VPS[主机]
- 轻云互联,香港美国vps终身8.8折17元/月起,cn2直连线路,50G美国VPS[主机]
- 青果云:香港云主机2核1G3M30G,香港vps仅售59元/月香港VPS[主机]
- 41云:香港bgp云服务器低至14元/月;香港三网CN2 GIA VPS香港VPS[主机]
- 阿里云香港服务器多少钱一年?阿里云香港云服务器如何购买?香港VPS[主机]
- 六六云:香港BGP云服务器/80M大带宽,月付45元起,5折优惠码可用香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-222348.html











