如何不需要使用插件就可以实现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
- 疯狂猜成语 图猜成语一个男人在前面唱歌一个女人在后面跟着是什么成语?全球[VPS测评]
- Sapinet→€3 月 2 核 2GB 内存 30GB NVMe 空间虚拟空间(主机)
- XEN 不推荐-WINNERvps→$6.99 月 1GB 内存 25G虚拟空间(主机)
- 有点卡-OLVPS 波兰特 cera 机房便宜 KVM VPS 服务器优全球[VPS测评]
- DediPath→VPS 全场 4 折 Hybrid Servers 全全球[VPS测评]
- 补货通知 hostdare→CN2 GT 线路和 CN2 GIA 线路同全球[VPS测评]
- racknerd→$27.88 年 大流量 KVM 虚拟 VPS 3G 全球[VPS测评]
- XenSpec→新上洛杉矶机房 首月 6 折 1.77 美元起 KVM 全球[VPS测评]
- $2.99 月 1G 内存 20G 硬盘 3T 流量 1Gbps KVM全球[VPS测评]
- NAT NecoVM→适合移动用户的中转 NAT 机器 100M 带宽 全球[VPS测评]
- 不限内容大盘机 $38.5 年 1G 内存 1T 硬盘 10TB@1Gb全球[VPS测评]
- 疯狂猜成语 图猜成语一个人望着果树流口水是什么成语?全球[VPS测评]
- raksmart 日本 cn2+软银服务器带宽速度及综合性能测评,rak日本VPS[主机]
- 做站必选 腾讯云→2 折秒杀活动 性价比高 上海 广州 成都 香港机房香港VPS[主机]
- 便宜 VPS 5 刀一年 1 核 128M 5G 250G 1Gbps 全球[VPS测评]
- VirMach - 存储型 VPS 少量补货 1T 硬盘$7 月全球[VPS测评]
- 百度网盘开源高速下载神器 :BaiduCDP全球[VPS测评]
- 更新WordPress网站PHP7.2新版本的注意事项全球[VPS测评]
- 申请eu.org免费域名-除freenom的又一免费域名全球[VPS测评]
- 常见的CN2,GIA,CIA 各个网络线路解释全球[VPS测评]
- CubeCloud,香港cn2,美国cn2 gia线路vps主机,2核1美国VPS[主机]
- 加拿大以“国安”为由禁止华为、中兴参与5G建设全球[VPS测评]
- wikihost,微基主机服务,100M带宽香港tudcloud,5G防香港VPS[主机]
- 长三角地区的算力需求规模到底有多大?全球[VPS测评]
- 免备案香港云服务器好在哪里?为什么企业要用海外云主机或VPS?香港VPS[主机]
- 极光KVM双12:全场月付/季付产品全部5折,永久优惠,年付最高立减15全球[VPS测评]
- 阳帝云:3月优惠活动,香港GIA/香港TG/洛杉矶200G硬防vps,首香港VPS[主机]
- JGKVM活动钜惠:美国cn2,香港cmi,大带宽vps,三网直连,10美国VPS[主机]
- 奶兔云:便宜香港VPS,香港CN2 VPS低至21元/月,香港CN2线路香港VPS[主机]
- 云米科技:美国CERA三网回程GIA 10Mbps大带宽,年付最低400美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-225369.html











