如何不需要使用插件就可以实现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
- 补货通知 搬瓦工 CN2 GIA 线路$46.87 年机器补货了 速度抢全球[VPS测评]
- Uovz→2200 元 月 E5-2620*2 16GB 内存 240G全球[VPS测评]
- 超值推荐腾讯云秒杀→2 核 CPU 4G 内存 50G 硬盘 6M 带宽全球[VPS测评]
- 练手专用 $7 年 2G 内存 30G SSD 2T 流量 100Mbp全球[VPS测评]
- 慎重-MoeCloud→25 元 月 512G 流量 美国洛杉矶 CN2美国VPS[主机]
- 阿里云服务器年末特惠:新用户 1 折起 15M 大带宽 每人限购 3-5全球[VPS测评]
- VULTR→按小时计费 KVM 月费 3.5 美元起 新用户送 100 全球[VPS测评]
- 智商税-新睿云免费云服务器→国内 4 核 8G 5M 带宽云服务器免费一全球[VPS测评]
- 羊毛太小-VPSLOT→0.4 美元首月 1 核 512M 500G 流美国VPS[主机]
- Excel 计算年龄方法 包含周岁和虚岁全球[VPS测评]
- 预售 ¥399 月 L5630*2 16G 内存 1TB 硬盘 100M全球[VPS测评]
- 真实测评 六六云→洛杉矶三网双程 GIA1 核 1G 15G SSD 1全球[VPS测评]
- 通过whos.amung.us实时统计WordPress博客在线人数全球[VPS测评]
- 纯代码实现WordPress评论显示访客UA和地理信息全球[VPS测评]
- 1byte-柬埔寨vps 10Gbps不限流量 测试 解锁流媒体全球[VPS测评]
- 什么是VPS?国内VPS有哪些?全球[VPS测评]
- 宝塔面板怎么放行端口?宝塔面板放行端口的方法全球[VPS测评]
- 极客主机,优惠8折充值返25%,香港CN2VPS,日本软银VPS,新加坡日本VPS[主机]
- 华纳云年终钜惠活动:云服务器半年低至280元,香港高防服务器999元香港VPS[主机]
- 云服务器都是有哪些特点?全球[VPS测评]
- 2022年亚马逊Prime会员日将于7月12日和13日举行,覆盖24个站全球[VPS测评]
- 深圳市城市交通规划设计研究中心股份有限公司关于与腾讯云计算(北京)有限责全球[VPS测评]
- 原创解析:云计算含义及定义全球[VPS测评]
- 香港云服务器怎么选?云服务器性能测评对比香港VPS[主机]
- 彗星云:香港特价vps1核/1G/无限流量/月付仅9元,年付仅75元;国香港VPS[主机]
- 明恒互联:双旦同庆活动开启,100G国内高防云售价116元/月,香港云主香港VPS[主机]
- diyvm:香港vps/美国vps/日本vps/2核/2G内存/5M带宽日本VPS[主机]
- Centos7的firewall 防火墙如何设置端口转发?全球[VPS测评]
- 缓解云计算人才焦渴,苏州工业园区用三年引得源头活水来全球[VPS测评]
- 疯鱼云怎么样?香港CN2VPS首月14元,续费19元香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-224457.html











