如何不需要使用插件就可以实现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
- Beyotta→新加坡 VPS 1 核 2G 内存 20G SSD 50全球[VPS测评]
- php 数组去重函数 array_unique()全球[VPS测评]
- 疯狂猜成语 图猜成语一张弯曲的纸上写着打抱两个字是什么意思?全球[VPS测评]
- Onevps→日本机房不限流量 VPS 月付 5 美元起 可看奈飞 Hy日本VPS[主机]
- WPS Office 2019 去掉广告的办法全球[VPS测评]
- KT 旗下 iON 品牌上线路新加坡机房 预够进行中 可选 CN2 2G全球[VPS测评]
- 0 元购 酷番云→1 核 1G 60G 硬盘 2M 带宽 内蒙机房邀请好全球[VPS测评]
- Debian Ubuntu 内核降级教程-降低(BBR)为支持锐速的内核全球[VPS测评]
- spryservers→“Pi Day” $4 月 KVM 3G 内存 全球[VPS测评]
- SoftShellWeb 黑五促销 中国台湾大陆优化线路 1g内存 带5全球[VPS测评]
- WordPress百度、Google蜘蛛爬行记录插件:Spider Tr全球[VPS测评]
- 阳帝云 1核1G10M大宽带香港BGP月付14元香港VPS[主机]
- 通过whos.amung.us实时统计WordPress博客在线人数全球[VPS测评]
- 如何申请和配置俄罗斯搜索引擎 Yandex 收录推送 API 教程全球[VPS测评]
- Cloudmild-10$ 月 印尼 1C1G25G硬盘 1Gbps不限全球[VPS测评]
- on9host 1核心 512M内存 15G 储存 500G流量 30M全球[VPS测评]
- CloudCone 512M 内存 15G 储存 1T流量 洛杉矶 MC全球[VPS测评]
- 私有云架设之优选拓普龙S465-24高密度存储服务器机箱评测解析全球[VPS测评]
- wordpress 上传附件报错 “抱歉,出于安全的考虑,不支持此文件类全球[VPS测评]
- 拼多多也要做跨境电商?出海之路能一帆风顺吗,了解一下全球[VPS测评]
- BBR对比BBR2BBRPLUSBBR2CAKE锐速哪个效果好全球[VPS测评]
- 详细介绍vps云服务器及其作用全球[VPS测评]
- 安国云:1核/1G/20G硬盘/1Mbp不限流量/香港cdia,月付18香港VPS[主机]
- 性价比最高的VPS网络评测全球[VPS测评]
- 做跨境电商一个月都有多少收入?全球[VPS测评]
- 空空云怎么样?香港CN2-GIA VPS,带宽2M,月付15元香港VPS[主机]
- 恒创科技:国庆中秋双节同庆,香港1核2G云服务器,年付378元香港VPS[主机]
- CentOS 7.x 系统安装和配置redis-7.0.4集群全球[VPS测评]
- 菜单选中标记CSS3动画效果全球[VPS测评]
- 免备案服务器对权重和网站排名有影响吗?全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-227131.html











