如何不需要使用插件就可以实现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
- Bootstrap-table 服务端分页无效以及服务端分页后不显示页码全球[VPS测评]
- 便宜 $3.5 月 2 核 CPU 4G 内存 75G SSD 2Gbp全球[VPS测评]
- 秒杀 腾讯云→1 核 1G 1M 香港免备案套餐年付¥249 2 核 4香港VPS[主机]
- HKServerSolution→699 元 年 2G 内存 15GB 虚拟空间(主机)
- RAKsmart→无限流量服务器月付 46 美元起 VPS 全场 8 折全球[VPS测评]
- 12 个免费 SSL 证书申请网站全球[VPS测评]
- 任务管理器中的进程上下跳动 进程列表总是变无法选中怎么办?全球[VPS测评]
- php substr 中文截取乱码解决办法全球[VPS测评]
- 秒杀 腾讯云→香港 1G 内存 VPS 年付 299 元 无需备案 北京香港VPS[主机]
- 阿里云服务器 2020 年 2 月促销,100%CPU 性能,2 核 4全球[VPS测评]
- 80vps 五一劳动节特惠,韩国 LG 洛杉矶高防 vps 特惠五折,1韩国VPS[主机]
- 优惠 €13.46 半年 2 核 CPU 2G 内存 100G 硬盘 不全球[VPS测评]
- 促销 数脉科技→香港双程 CN2+BGP 线路独立服务器 月付低至 45独立服务器[U]
- [黑五]ZJI→香港葵湾 大埔独立服务器 6 折 月付 570 元起独立服务器[U]
- MySQL 查询两个日期 时间之间记录的两种方法全球[VPS测评]
- CloudCone - 洛杉矶 KVM 五折促销 512M 内存 1T 全球[VPS测评]
- Pacificrack→$9.89 年 1GB 内存 15GB SSD 虚拟空间(主机)
- Hostigger便宜vps,年付七折,2G内存年付仅41.96美元,可美国VPS[主机]
- ZJI香港阿里云专线独服,阿里云香港ECS同款线路,月付立减270元-4香港VPS[主机]
- DataWagon美国AMD高性能VPS,$4起/月;不限流量独立服务器独立服务器[U]
- 云计算拯救互联网巨头:谁抢跑,谁追赶?全球[VPS测评]
- LOCVPS:香港vps八折优惠中,双十一预热,充值充600送150,六香港VPS[主机]
- 影速科技怎么样?影速科技海外云服务器价格多少钱?全球[VPS测评]
- 云群网络怎么样?香港云服务器高端弹性云2核2G2M带宽,仅588元/年香港VPS[主机]
- 轻云互联,香港VPS月付22元 美国VPS月付19元美国VPS[主机]
- 菜单选中标记CSS3动画效果全球[VPS测评]
- 恒创科技:香港/美国云服务器2折起,年度特价低至13元/月,新购送京东E美国VPS[主机]
- 麻花云怎么样?安徽移动VPS月付29元 香港VPS 2M月付21元香港VPS[主机]
- 阿里云免备案服务器怎么样?阿里云香港服务器价格多少钱一年?香港VPS[主机]
- 冀青云怎么样?香港CN2-GIA vps月28元/香港NTT 月9元香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-223023.html











