如何不需要使用插件就可以实现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
- Vultr 网络星期一→高性价比按小时计费商家 日本机房 新注册送$10日本VPS[主机]
- jquery 设置按钮的 disabled 属性 jquery 设置按钮全球[VPS测评]
- 八个稳字四个平字围成一圈是什么成语?全球[VPS测评]
- 抗投诉服务器 hostsolutions→5 折优惠 不限内容 罗马尼亚全球[VPS测评]
- HKServerSolution CN 常州高带宽 VDS 扩容,200全球[VPS测评]
- SaltyFishTech 劳动节促销,100M 带宽新品德国 cn2v全球[VPS测评]
- Cubecloud 蛋蛋有礼活动→VPS 全场 88 折起 部分 VPS香港VPS[主机]
- PHP 获取图片指定点颜色及计算反色函数全球[VPS测评]
- 促销 NexusBytes→VPS 季付 68 折优惠 可选洛杉矶 纽约全球[VPS测评]
- 劳动节 搬瓦工→新增 10Gbps 带宽的 cn2 gia 线路 VPS全球[VPS测评]
- FDCServers→$999 月 2*E5-2650 128GB 内存日本VPS[主机]
- 购买VPS需要注意的30个问题全球[VPS测评]
- 如何选购合适的 VPS ?全球[VPS测评]
- 收不到 Google AdSense 广告联盟 PIN 码怎么办?全球[VPS测评]
- Mtbone → 泰国VPS 300THB 月 1核1G20G硬盘 无限全球[VPS测评]
- 【黑五】dedipath-VPS35折起 美国洛杉矶 西雅图圣何塞 等美国VPS[主机]
- On9Host 1核心 512M内存 5G SSD 2T流量 30Mbp香港VPS[主机]
- Wikihost → 香港沙田Gen2 → 2G 20G SSD 1香港VPS[主机]
- Virmach → $1.5 月付 512M 内存 10G SSD硬盘 全球[VPS测评]
- tudcloud,香港沙田大带宽vps特惠7折,CN2+BGP直连,10香港VPS[主机]
- diyvm:香港vps/美国vps/日本vps/2核/2G内存/5M带宽日本VPS[主机]
- 快速云:科普云服务器服务器的概念和作用2022-08-2313:26来源全球[VPS测评]
- TabbyCloud:1核512MB内存/20GB/500GB流量/KV香港VPS[主机]
- 乐趣云怎么样?香港美国云服务器首月8.8元,新增IP5元/个美国VPS[主机]
- CubeCloud,香港cn2,美国cn2 gia线路vps主机,2核1美国VPS[主机]
- 亿速云服务器双12活动:香港云服务器29元/月起,100GCDN流量只需香港VPS[主机]
- Rustrot-深绿色UI电商网站模板HTML5框架全球[VPS测评]
- pigyun:韩国CN2云服务器仅14元;香港CN2建站vps特惠+美国韩国VPS[主机]
- 阿里云香港服务器多少钱一年?香港阿里云服务器价格表香港VPS[主机]
- 欧路云:香港vps上新8折优惠 – 加拿大/新加坡/法国vps 6折优惠香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-224882.html











