如何不需要使用插件就可以实现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
- 劳动节 edgeNAT→8 核 8G 40G SSD 4Mbps 不限流韩国VPS[主机]
- 促销 n3servers→E5-2620v2 服务器仅售$19.5 月 独立服务器[U]
- 便宜 Supremevps→$18 年 2 核 2G 35G SSD 3全球[VPS测评]
- 标准互联高性能襄阳裸金属服务器特惠,8 核 16G 仅 240 元 月,全球[VPS测评]
- TmhHost→100 元 季 512MB 内存 20GB SSD 空间虚拟空间(主机)
- 线路不行-Sentris→$24.99 3 年 512MB 内存 20G虚拟空间(主机)
- 便宜 桔子数据:月付 14 元起 Cera 三网 CN2 GIA 直连以日本VPS[主机]
- 绕的厉害-RivenCloud→爱沙尼亚 VPS 2 核 1G 内存 1全球[VPS测评]
- 90VM→100 元 月 1GB 内存 20GB SSD 空间 1TB 虚拟空间(主机)
- DediPath→$79 月-E3 1240v2 16GB 2x2TB 全球[VPS测评]
- centOS7系统下如何修改服务器SSH端口默认的22。全球[VPS测评]
- sered 西班牙多IP站群VPS 配置2核2GB起,20个IP起,最高站群服务器[IP]
- 星光互联 → 香港 新加坡 日本INAP → 2C 2G 500G 10日本VPS[主机]
- 播放量破千万,点赞量破百万,你绝对想不到这三款多功能产品居然在TK上卖爆全球[VPS测评]
- 什么是linux面板?常见的Linux控制面板有哪些?全球[VPS测评]
- 文物、沉船、村落!干旱导致大量遗迹重见天日 2022年干旱还要持续多久?全球[VPS测评]
- 购买香港服务器需要做哪些准备香港VPS[主机]
- 如何更改WHMCS默认后台路径让WHMCS系统更安全全球[VPS测评]
- 向日葵-漏洞科普:海外云服务器三种漏洞修复方法快收藏起来!全球[VPS测评]
- 1分钟快速读懂云计算全球[VPS测评]
- 自适应bootstrap左侧导航可关闭全球[VPS测评]
- 很简单的图片不规则布局样式,纯css样式实现的图片瀑布流布局全球[VPS测评]
- 弘速科技:香港安畅CN2 GIA/弹性云服务器10元/月,2核1GB/2香港VPS[主机]
- 磐逸云怎么样?香港沙田cn2vps 带宽5M年付128元香港VPS[主机]
- 如何设置指定路径跳转指定域名?全球[VPS测评]
- 者也IO,香港日本美国云服务器促销,2核2G1000元/2年,7折+内存日本VPS[主机]
- 56云服务器:国内云服务器2核2G5M仅377.46元/年;香港物理服务香港VPS[主机]
- 麻花云双12年终盛典:香港云主机9元起,老客户续费6折;安徽BGP线路v香港VPS[主机]
- VoLLCloud:香港1核/1G/20OM不限速VPS,全网特价,3$香港VPS[主机]
- 月神科技:香港云服务器,2核2G5M年付200元/年;美国2核2G50M美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-225906.html











