如何不需要使用插件就可以实现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
- 搬瓦工 香港 pccw 机器 39.99 刀的已经下架 目前 79.99香港VPS[主机]
- RAKsmart 三网接入 300G 防御 无视 cc 防御 10~10全球[VPS测评]
- 中秋特惠 MoeCloud→年付 8 折 美国原生 IP 可看奈飞 配置美国VPS[主机]
- thinkphp5 在 phpstudy 下无法去掉 index.php全球[VPS测评]
- 春节大促 tudcloud→香港 CMI 线路 大带宽 全场 7 折优惠香港VPS[主机]
- Bootstrap-table 服务端分页无效以及服务端分页后不显示页码全球[VPS测评]
- 微信支付接入报错→签名错误全球[VPS测评]
- 六六云 36 元 月的美西 GIA 速度及综合性能测评,美国原生 ip,美国VPS[主机]
- 优惠促销 美国高速虚拟主机最低¥90 三年付 CN2 GIA 直连 微基美国VPS[主机]
- 疯狂猜成语 图猜成语一个人抱着一袋金子在骂另一个人是什么成语?全球[VPS测评]
- 疯狂猜成语 图猜成语甄嬛头上有一滴汗旁边写着后宫甄嬛传是什么成语?全球[VPS测评]
- 疯狂猜成语 图猜成语一个瓶子旁边有四颗圆球丹药是什么成语?全球[VPS测评]
- 死海网络→CN2 GIA 线路高速 VPS 美国原生 IP 可看奈飞 提美国VPS[主机]
- 真实测评 tmhhost 洛杉矶 CERA 机房测评 tmhhost 高全球[VPS测评]
- WordPress搜索插件:Ivory Search全球[VPS测评]
- WordPress网站首页、文章、页面、分类、标签添加关键词和描述全球[VPS测评]
- Clash.NET 比 Clash for Windows 更轻量,内存WINDOWS
- Wikihost → 香港沙田Gen2 → 2G 20G SSD 1香港VPS[主机]
- 亿速云香港服务器助力企业出海 有哪些具体的特点和优势?香港VPS[主机]
- 云计算的大门依旧没向雷军敞开全球[VPS测评]
- 搬瓦工:全场VPS 9折优惠,10Gbps(美国cn2 gia+日本软银日本VPS[主机]
- SugarHosts,美国云服务器,洛杉矶cn2中美极速专线,香港建站服美国VPS[主机]
- 六六云:1核1GB/15GB空间/1T流量/100Mbps/KVM/香港虚拟空间(主机)
- Bloggar-移动端友好的新闻博客类HTML5模板全球[VPS测评]
- 2.45亿、成都公安(大数据基座-服务器)采购:神码、虹信、海康、超聚变全球[VPS测评]
- 好云:国内云服务器2核2G5M优惠,仅350元/年;香港/海外云服务器,香港VPS[主机]
- 云米科技:香港/美国/日本等海外免备案vps云服务器,最低13元/月日本VPS[主机]
- 恒创科技:国庆中秋双节同庆,香港1核2G云服务器,年付378元香港VPS[主机]
- 群英云怎么样?2核2G3M华北BGP云服务器,98元/首月;香港cn2v香港VPS[主机]
- 2022年亚马逊Prime会员日将于7月12日和13日举行,覆盖24个站全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-227818.html











