如何不需要使用插件就可以实现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
- 阿里云香港 新加坡 30Mbps 轻量应用服务器 1 核 1G 24 元香港VPS[主机]
- 偏贵-GeorgeDatacenter→$7 月 32GB 内存 60G虚拟空间(主机)
- Albahost→可注册.al 域名 年付 11 欧 有不少还不错的前缀全球[VPS测评]
- 禁止 QQ 输入时自动转换表情的办法全球[VPS测评]
- 便宜 VPS $12 年 1G 内存 40G 硬盘 1T 流量 Open全球[VPS测评]
- Vultr 最新促销 新用户充多少送多少 最高送 100 刀 日本洛杉矶日本VPS[主机]
- 特价 HostDoc→3 核 3 内存 45G 硬盘 1T 流量 10G全球[VPS测评]
- Indirect modification of overloaded 全球[VPS测评]
- 特价 $1.8 月 512M 内存 10G 硬盘 1T 流量@1Gbps全球[VPS测评]
- Krypt→ION 平台圣何塞节点上线 8 折优惠码 CN2 优化全球[VPS测评]
- 搬瓦工VPS传家宝10G KVM PROMO和SPECIAL 10G K全球[VPS测评]
- 在博客中如何合理展示AdSense 广告全球[VPS测评]
- 腾讯云新春采购节2019 - 每天五场2折秒杀/满减代金券/云产品三折全球[VPS测评]
- 通过给WordPress文章添加3篇假的页码导航实现相关文章全球[VPS测评]
- 我爱水煮鱼WordPress SEO 宝典:怎么才能让你的博客流量增长1全球[VPS测评]
- VirMach日本东京 AMD 便宜 vps 预售,$8.88起/年,1日本VPS[主机]
- SoftShellWeb 黑五促销 中国台湾大陆优化线路 1g内存 带5全球[VPS测评]
- 搬瓦工VPS面板新增Mount ISO内置100+系统镜像 附安装Gno全球[VPS测评]
- WordPress如何在文章后添加类似页码的相关文章?全球[VPS测评]
- 如何根据业务需求选择合适的云服务器配置?全球[VPS测评]
- 八成企业看好出海投资 防止“溺水”需重视这一点全球[VPS测评]
- 啤啤云怎么样?香港CN2线路vps,有香港安畅机房,全部9折,38.7元香港VPS[主机]
- RAKsmart:1核1GB/40GB空间/不限流量/15Mbps/KV虚拟空间(主机)
- 岚云:香港安迅/沙田CN2直连,75折起,1核/1G/30G SSD/1香港VPS[主机]
- Rustrot-深绿色UI电商网站模板HTML5框架全球[VPS测评]
- hosthatch:香港/芝加哥/伦敦等11机房VPS低至$17.5/年香港VPS[主机]
- 七安云怎么样?香港CN2+BGP线路VPS 1核1G10M 16/月香港VPS[主机]
- 磐逸云:深圳/大连/成都/香港机房vps,1核1G3M仅26元/月,65香港VPS[主机]
- gcorelabs:KVM主机€1.08/月起,香港/俄罗斯/亚太/欧美香港VPS[主机]
- 德斯拉科技:香港物理机900元/月,香港VPS/E5CPU,88元起,美美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-223209.html











