如何不需要使用插件就可以实现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
- VIRPUS→$2 月 XEN-512MB 15GB 1.5TB 西雅图全球[VPS测评]
- ION→新加坡云服务器预售 PCCW 移动直连 电信走 CN2 $15 全球[VPS测评]
- 日本 VPS ¥36 月 2G 内存 40G SSD 4Mbps 不限量日本VPS[主机]
- 从 MySQL 日志中恢复数据的办法全球[VPS测评]
- Krypt 独立服务器五折快闪优惠开始了!限量优惠码仅限 80 台!独立服务器[U]
- 黑五 ITLDC→虚拟主机 2 折优惠 VDS 产品 4 折优惠 多国机全球[VPS测评]
- JQuery 获取 select 选中项的文本与值全球[VPS测评]
- 便宜 VPS $1.95 月 512M 内存 5G SSD 100Mbp全球[VPS测评]
- Toxic-Host→€3.5 月 8GB 内存 80GB SSD 空间虚拟空间(主机)
- 便宜域名 Name→US 等 5 种域名 1.99 美元 年 CO 等 全球[VPS测评]
- NPM 依赖包版本号~和^的区别全球[VPS测评]
- 宝塔面板使用 FTP 储存空间备份提示“正在获取文件列表”解决办法虚拟空间(主机)
- 腾讯→我的医保 免费领取 3 个现金红包 秒到微信零钱全球[VPS测评]
- LOCVPS 全场八折优惠,双十一充300送50充500送100充600全球[VPS测评]
- 忘记WordPress后台密码要如何找回或修改密码全球[VPS测评]
- Virmach 黑五及超级星期一活动全球[VPS测评]
- 什么是VPS?国内VPS有哪些?全球[VPS测评]
- 香港云服务器的优势有哪些方面香港VPS[主机]
- 谷歌浏览器网址如何显示http,www,Chrome谷歌浏览器恢复地址栏全球[VPS测评]
- 性价比最高的VPS网络评测全球[VPS测评]
- wikihost,微基主机服务,100M带宽香港CMIVPS,5G防御,香港VPS[主机]
- 麻花云怎么样?安徽移动vps月付29元/香港vps月付21元香港VPS[主机]
- SugarHosts:虚拟主机三折起,VPS五折起,续费也可以享受优惠全球[VPS测评]
- 兼容移动和PC的loading加载和toast消息插件全球[VPS测评]
- 樊云:香港CN2节点vps,最低月付22.5起,带宽5Mbps起步香港VPS[主机]
- 免备案服务器对权重和网站排名有影响吗?全球[VPS测评]
- 搬瓦工:美国香港cn2 gia线路VPS,10Gbps带宽,移动+联通企美国VPS[主机]
- 群英云:新年促销活动,海外云服务器9.9元起,高防云服务器135元全球[VPS测评]
- 纳米云怎么样?纳米云香港vps,4核1G主机价格80元/月香港VPS[主机]
- 后浪云:优惠码”2021″,美国/香港2核4G2M云服务器仅32.5元/美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-224882.html











