如何不需要使用插件就可以实现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
- 没有用过-Toxic-Host→€3.5 月 8GB 内存 80GB S全球[VPS测评]
- CentOS7 不换内核体验类似 BBR 的单边加速全球[VPS测评]
- jquery 禁用 select 以及取消禁用的方法全球[VPS测评]
- 便宜 RackNerd→新高防机房移动完成直连 三款便宜套餐 1 核 1全球[VPS测评]
- RAKsmart→圣何塞 VPS 年付 19.9 美元起 100M 服务全球[VPS测评]
- WordPress 后台更新升级出现"您确定要这样做?"的解决办法全球[VPS测评]
- QQ 群主怎么解散群 QQ 群解散方法(最新版)全球[VPS测评]
- 真实测评 桔子 VPS→美国 Cera 洛杉矶数据中心 三网回程 CN2美国VPS[主机]
- js jquery 获取 html select 当前选中值全球[VPS测评]
- 腾讯云采购季最后一天,云服务器低至 299 元 3 年,2 核 4G 4全球[VPS测评]
- HostKvm 2021开年 香港国际/洛杉矶CN2七折优惠,其它业务全香港VPS[主机]
- #补货#Buyvm:AMD Ryzen平台 1核512M DDR4/10全球[VPS测评]
- 阿里云国际版香港机房轻量应用服务器VPS测评,三网联通AS4837,与新香港VPS[主机]
- Neterra → 5.99€ 月 1C1G10G硬盘 保加利亚 不限流全球[VPS测评]
- Bahnflow-5.2$ 月 北欧 瑞典vps 2G内存20G硬盘 1全球[VPS测评]
- DMIT.io 香港VPS CVM N3系列香港VPS[主机]
- 麻花云怎么样?安徽移动vps月付29元/香港vps月付21元香港VPS[主机]
- RAKsmart:1核1GB/40GB空间/不限流量/15Mbps/KV虚拟空间(主机)
- Weebly网站迁移到WordPress的实操上手。全球[VPS测评]
- edgenat,低价年付促销活动,香港vps 4核8G仅300元/年,美美国VPS[主机]
- 因搜包耽误员工下班,苹果将支付3050万美元赔款全球[VPS测评]
- MoonVM,香港HKT家宽VPS服务器,动态IP一键切换,1G带宽任意香港VPS[主机]
- 恒星云:高防服务器优惠活动,成都高防云服务器及辽宁香港服务器特惠活动香港VPS[主机]
- 青云互联:香港CN2 GIA VPS,月付15.2起;日本CN2 VPS日本VPS[主机]
- 阿里云服务器一年价格多少钱?阿里云服务器报价全球[VPS测评]
- 恒创科技:免备案香港/美国云服务器低至2.5折,仅需220元/年美国VPS[主机]
- 奇异互动:香港2核4G5M云服务器仅83元/月,700元/年;裸金属服务香港VPS[主机]
- 快云科技:2核2G3M云服务器14.98元/月;香港vps全场7.5折,香港VPS[主机]
- JGKVM活动钜惠:美国cn2,香港cmi,大带宽vps,三网直连,10美国VPS[主机]
- 数字化东风已来,亚马逊云科技跨境电商合作企业招募大会即将开启全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-222886.html











