如何不需要使用插件就可以实现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
- EGIHosting→圣何塞服务器每月 60 美元起 1G 无限流量服务全球[VPS测评]
- 标准互联→90 元 月-4GB 80GB 30M 无限流量 洛杉矶(CN全球[VPS测评]
- RAKsmart 开年大促→圣何塞服务器 61.38 美元起 日本服务器日本VPS[主机]
- AlexHost→€11.8 年 1.5GB 内存 10GB SSD 空虚拟空间(主机)
- 搬瓦工提示→This feature is disabled while全球[VPS测评]
- [黑五]TripodCloud→圣何塞 CN2 GIA 线路 VPS 八全球[VPS测评]
- 双十二 RackNerd→3 核 2G 内存 45G 硬盘 5T 流量年全球[VPS测评]
- PHP 国家及地区代码数组全球[VPS测评]
- 优惠 SparkVPS→$69 年资源池 VPS 8 核 8G 120G全球[VPS测评]
- LOCVPS→38.5 元 月 XEN-2GB 40GB 3M 香港机房香港VPS[主机]
- QN 机房-SmartHost→$6.95 月 4 核 8GB 内存 4虚拟空间(主机)
- $2.25 月 1G 内存 10G SSD 100Mbp@不限流量 1I全球[VPS测评]
- 5个许多网站站长都会忽视的搜索引擎SEO技巧全球[VPS测评]
- 正确看待域名是否需要添加 www 前缀,对SEO有何影响?全球[VPS测评]
- 网站配置HSTS协议的好处和必要性全球[VPS测评]
- Sharktech洛杉矶高防服务器,E5双核/1TB NVMe/不限流量全球[VPS测评]
- Uptime Robot 源码搭建 VPS 和网站在线监控工具,宕机推送全球[VPS测评]
- 快车道 → 1 核心 1G 内存 10G 储存 8T流量 1G带宽 台湾全球[VPS测评]
- 世界杯季疫情突发,跨境电商订单排队,义乌商人面临难题全球[VPS测评]
- tudcloud,香港沙田大带宽vps特惠7折,CN2+BGP直连,10香港VPS[主机]
- 什么是Bootstrap?全球[VPS测评]
- 向日葵-漏洞科普:海外云服务器三种漏洞修复方法快收藏起来!全球[VPS测评]
- 咖啡主机:享受7、8折促销 美国vps仅需15.4元/月 香港vps仅需美国VPS[主机]
- 30个美容院抖音唯美文案,看到就直接拿去发吧全球[VPS测评]
- 一篇漫画,看懂云计算全球[VPS测评]
- 蓝队云服务器怎么样?蓝队云服务器价格和优势是什么?全球[VPS测评]
- Vmshell:香港数据中心200MB/S大带宽vps,庆典活动(3日内香港VPS[主机]
- 腾讯云vps优惠:288元/3年,可选机房,北京/上海/广州/重庆/香港美国VPS[主机]
- Vmshell:香港免费vps试用机24H,新增在线测速!年付再打9折,香港VPS[主机]
- 香港云服务器推荐:香港免备案云服务器推荐哪家好?香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-222772.html











