如何不需要使用插件就可以实现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
- hkserversolution 洛杉矶 圣何塞独立服务器,1G 10G独立服务器[U]
- CoalCloud→368 元 年 384MB 内存 8GB SSD 空虚拟空间(主机)
- tmhhost 香港 cn2 多线 bgp 服务器 400 元 月起,4香港VPS[主机]
- Laravel 使用 webpack 后提示$ is not defin全球[VPS测评]
- 免费的可撸-RUU.CLOUD→免费送 200GB 空间网盘;500GB虚拟空间(主机)
- servaRICA→$15 月 3 核 3GB 内存 2TB 空间 不限虚拟空间(主机)
- WordPress 文章去重 删除 WordPress 重复文章的两种有全球[VPS测评]
- ¥34.99 月 512M 内存 10G SSD 500G 流量 100全球[VPS测评]
- 疯狂猜成语 图猜成语两个士兵面对面互相鞠躬行礼是什么成语?全球[VPS测评]
- Krypt→L03-L05 季付以上 6 折 L02-L05 年付 6 全球[VPS测评]
- 跑 BT 不错-Ikoula→€9.99 月 Celeron®G3900全球[VPS测评]
- 硅云香港云服务器促销,免备案 100%CPU 性能,最高 80M 带宽,香港VPS[主机]
- 腾讯云服务器+云通信产品组合低至 1 折起,2 核 4G 2 核 8G 全球[VPS测评]
- 数脉科技四月促销→E3-1230v2 16G 240G SSD 10M 香港VPS[主机]
- JustVPS 新加披云服务器促销,首年优惠,年付$37.35起全球[VPS测评]
- Adobe Acrobat PDF 排版插件 Quite Imposin全球[VPS测评]
- CloudCone洛杉矶CN2 GIA独立服务器,15-100Mbps带独立服务器[U]
- 什么样的AdSense广告尺寸和广告样式才能使AdSense收入更高全球[VPS测评]
- 人们为啥不爱吃海底捞了?海底捞上半年亏损达2.97亿 网友神评扎心全球[VPS测评]
- 跨境电商洋码头生死攸关:买手流失资金被冻结保全全球[VPS测评]
- 跨境电商有哪些平台?十大跨境电商平台!全球[VPS测评]
- 2022年最新的15个美容院抖音文案,美容院文案怎么写全球[VPS测评]
- 悦智网络:香港cn2 VPS阿里云线路,四川德阳高防vps,大连高防vp香港VPS[主机]
- 什么是云服务器?云服务器怎么登陆?全球[VPS测评]
- 跨境电商有哪些平台?十大跨境电商平台!全球[VPS测评]
- UCloud优刻得云服务器建站教程:香港云服务器购买优惠方法香港VPS[主机]
- 汇速云:香港沙田CN2云主机,2核CPU带宽1M月付6元,2核2M带宽月香港VPS[主机]
- 好云:国内云服务器2核2G5M优惠,仅350元/年;香港/海外云服务器,香港VPS[主机]
- 很简单的图片不规则布局样式,纯css样式实现的图片瀑布流布局全球[VPS测评]
- 快云科技:香港CN2 GIA云服务器,全场7折终身优惠,带宽20M,20香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-223446.html











