如何不需要使用插件就可以实现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
- 真实测评 云邦互联 E38 核 16GB 2TB 硬盘 10M 宽带 C全球[VPS测评]
- DogYun 动态云全场 8 折 香港 CMI 机房 7 折 新开免设置香港VPS[主机]
- raksmart→美国不限流量服务器(物理机) 100M 带宽~$61 美国VPS[主机]
- 免费换 IP LosAngelesvps→1.5G 内存套餐年付$19.全球[VPS测评]
- 腾讯云服务器+云通信产品组合低至 1 折起,2 核 4G 2 核 8G 全球[VPS测评]
- Netcup→€6 月 2 核 8GB 内存 160GB SSD 空间 虚拟空间(主机)
- 标准互联→128 元 年 512MB 30GB 20M 不限制 洛杉矶全球[VPS测评]
- 企鹅小屋→深港专线 KVM VPS 256MB 内存 90GB 月流量 全球[VPS测评]
- 老鹰主机再见夏季促销→虚拟主机低到 3 折 云服务器年付 7 折优惠全球[VPS测评]
- php 计算二维数组中某一项之和的方法全球[VPS测评]
- Thinkphp5 屏蔽 php 中的 warning 错误提示全球[VPS测评]
- 私有文档、源码、软件目录列表程序:Zdir全球[VPS测评]
- 如何优化和加速你的WordPress博客访问速度全球[VPS测评]
- 如何防止google voice被回收全球[VPS测评]
- 华纳云香港云服务器三折促销,双向CN2三网直连大陆,优惠后月付最低18元香港VPS[主机]
- LatinCloud → 8$月付 阿根廷VPS 1C1G20G硬盘 不全球[VPS测评]
- GigsGigsCloud 循环三五折 三网最高级线路 独立服务独立服务器[U]
- 拼多多入局跨境电商平台,首站美国;奈雪的茶在上海建第二总部;pidan“美国VPS[主机]
- 云计算的三种服务模式,SaaS和PaaS的区别在哪里?全球[VPS测评]
- 极光kvm怎么样,便宜大带宽香港cmi vps/美国gia vps低至1美国VPS[主机]
- 个人如何做跨境电商?全球[VPS测评]
- Weebly网站迁移到WordPress的实操上手。全球[VPS测评]
- HostKVM香港云地VPS,2核4G内存折后$8.4/月,30M大带宽香港VPS[主机]
- 阁天互联怎么样?香港cn2云服务器 圣何塞cn2vps仅20/月香港VPS[主机]
- 快速云:云服务器和vps区别是什么云服务器和vps哪个比较安全2022-全球[VPS测评]
- HostKvm:1核/4G/30G硬盘/750G/20Mbps/香港kv香港VPS[主机]
- 搬瓦工VPS:高端线路助力企业运营,10Gbps美国 cn2 gia,1日本VPS[主机]
- MineServer:香港cn2/日本cn2云服务器,2核/2G/35G虚拟空间(主机)
- 云服务器和服务器各有什么优缺点?全球[VPS测评]
- 六一云:香港CN2/洛杉矶高防/CDN,“返利+折扣”双优惠,折上折送实香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-222348.html











