如何不需要使用插件就可以实现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测评]
- PacificRack→$7.25 年 KVM-512MB 10GB 5全球[VPS测评]
- iSmile→香港 台湾虚拟主机 100GB 空间 100GB 月流量 虚拟空间(主机)
- 企鹅小屋→香港 CN2 虚拟主机 独立 IP 不限绑定域名 6GB 空间虚拟空间(主机)
- php 生成服务器信息函数全球[VPS测评]
- BudgetVM→洛杉矶高防云服务器 29 美元起 E3-1230 4G全球[VPS测评]
- [11.11]恒创科技香港云服务器 独立服务器 4 折起 充值最高返 1独立服务器[U]
- 优惠 80VPS→香港 Cera 机房 直连内地 5 折优惠 2 核 2香港VPS[主机]
- Could not reliably determine the ser全球[VPS测评]
- 预售 $99 月 E3-1230V2 32G 内存 480G SSD 6香港VPS[主机]
- 企鹅小屋→2400 元 季 E5-2630L 16GB 内存 240GB香港VPS[主机]
- HostYun 老品牌升级,圣何塞双程 GIA VPS 限时九折,100全球[VPS测评]
- servaRICA→$15 月 3 核 3GB 内存 2TB 空间 不限虚拟空间(主机)
- 优惠 死海网络元旦促销→VPS 业务 75 折起 洛杉矶双向 CN2 线全球[VPS测评]
- 慎重-MoeCloud→25 元 月 512G 流量 美国洛杉矶 CN2美国VPS[主机]
- mysql 替换字段指定内容的方法全球[VPS测评]
- 腾讯云赠送老用户一年2核/4G高配轻量应用服务器,可选广州/上海/北京/全球[VPS测评]
- 微基主机520常规优惠 虚拟主机2G三年付200元全球[VPS测评]
- 网站迁移服务器是如何运作的?新手站长看完这篇文章,很容易就能看完。全球[VPS测评]
- 潮科技|阿里云发布第七代高主频云服务器ECS和含光800云服务器全球[VPS测评]
- 极光kvm怎么样?香港大带宽VPS促销1核1G内存19元/月起,5G防御香港VPS[主机]
- 2022年黄河流域跨境电商博览会将于8月26日至28日在青岛西海岸新区举全球[VPS测评]
- 搬瓦工:美国香港cn2 gia线路VPS,10Gbps带宽,移动+联通企美国VPS[主机]
- 关键路径、资金情况、政策关键数据中心的可持续发展路径在哪里?全球[VPS测评]
- 恒创科技:香港/美国云服务器2折起,年度特价低至13元/月,新购送京东E美国VPS[主机]
- 什么是IconFont ?iconfont 的使用和解析全球[VPS测评]
- BBR对比BBR2BBRPLUSBBR2CAKE锐速哪个效果好全球[VPS测评]
- 晚点独家丨拼多多9月上线跨境电商平台,首站美国美国VPS[主机]
- 金斗云双12活动:全场8折起,美国圣何塞CN2 GIA高防VPS20元/美国VPS[主机]
- dogyun:2020国庆促销,7.1折优惠,多线路vps-香港CN2、日本VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-224070.html











