如何不需要使用插件就可以实现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
- RackNerd 母亲节促销活动 (为期 5 天),洛杉矶 MC 洛杉矶全球[VPS测评]
- VULTR→KVM 月付 3.5 美元起 16 个机房 支持支付宝微信全球[VPS测评]
- xxmhost→57.2 元 月 1GB 内存 15GB SSD 空间 虚拟空间(主机)
- 六六云香港三网 CN2 GIA VPS 速度及综合性能测评,七折优惠,月香港VPS[主机]
- CN2 150 元 年 160M 内存 3G 硬盘 400G 流量@10全球[VPS测评]
- 疯狂猜成语 图猜成语一个虚线写成的機(繁体机字)是什么成语?全球[VPS测评]
- HostYun→15.3 元 月 512MB 内存 10GB SSD 空虚拟空间(主机)
- 初春优惠 糖果主机→香港云服务器¥27.75 月起 虚拟主机新购最低可享香港VPS[主机]
- 便宜域名 Name→US 等 5 种域名 1.99 美元 年 CO 等 全球[VPS测评]
- 便宜 RAKsmart→“抄底价 购实惠” 爆款 G 口 不限低至 19全球[VPS测评]
- input 标签 type 为 number 时允许输入小数的方法全球[VPS测评]
- 使用WooRank SEO分析工具来优化的你的博客全球[VPS测评]
- YYYHost洛杉矶高防CN2GIA1G内存8m带宽外加100g防御 月全球[VPS测评]
- RackNerd三月特惠 Intel SSD VPS $9.49起/年;全球[VPS测评]
- ZJI 双十一充1000元送100元,香港自营防御机型五折优惠。香港VPS[主机]
- dogado → 5.9€ 月 德国 1C2G100G硬盘 不限流量全球[VPS测评]
- SEAPERF → 4€ 2C2G20G硬盘 法国 1Gbps不限流量 全球[VPS测评]
- 2019黑五: Krypt ION- 2C 2G RAM 60G SSD全球[VPS测评]
- 数字化东风已来,亚马逊云科技跨境电商合作企业招募大会即将开启全球[VPS测评]
- php168数据库配置文件在哪里?如何修改数据库配置文件全球[VPS测评]
- locvps:香港cn2vps(葵湾机房),2核2G40g硬盘,8折优惠WINDOWS
- 数据中心助力光纤光缆行业发展全球[VPS测评]
- 磐逸云:全场8折优惠,1核1G香港套餐月付24元,日本NNT线路套餐,月日本VPS[主机]
- TmhHost:美国洛杉矶CN2 GIA高防vps/日本/香港BGP等K日本VPS[主机]
- 跨境电商有哪些平台?十大跨境电商平台!全球[VPS测评]
- 云服务器和服务器各有什么优缺点?全球[VPS测评]
- btcvps,比特云怎么样?香港VPS,KVM架构带宽4M月付88港币香港VPS[主机]
- 亿速云香港服务器助力企业出海 有哪些具体的特点和优势?香港VPS[主机]
- 阿里云香港服务器速度怎么样?阿里云香港vps稳定不稳定?香港VPS[主机]
- TabbyCloud:1核512MB内存/20GB/500GB流量/KV香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-222535.html











