如何不需要使用插件就可以实现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
- 41云:香港CN2云服务器,1核/1G/10M带宽,月付28元 香港VPS[主机]
- 恒创科技:海外服务器3折优惠,美国/香港云服务器2核4G2M仅958元/ 美国VPS[主机]
- 香港云服务器对于建站有什么便捷的地方? 香港VPS[主机]
- 香港云服务器的优势有哪些方面 香港VPS[主机]
- 香港的云服务器值得租用吗?有什么好处? 香港VPS[主机]
- 什么是IconFont ?iconfont 的使用和解析 全球[VPS测评]
- 2022年最新的15个美容院抖音文案,美容院文案怎么写 全球[VPS测评]
- 福州职业技术学院获得世界职业院校技能大赛云计算赛项银牌 全球[VPS测评]
- 华为S2300 系列交换机如何修改密码? 全球[VPS测评]
- 全球云lovps,香港CN2线路vps 新品七折月付49元 香港VPS[主机]
- kvmcloud怎么样?香港BGP云服务器 月付12.9元 香港VPS[主机]
- earidc怎么样?香港三网cn2vps带宽1M月付29元 香港VPS[主机]
- 印象云vps,香港安畅gia低至22元起,1核1G内存,小带宽无限流量, 香港VPS[主机]
- tudcloud,香港vps终身八折$7.76/月起,1核1G内存,香港 香港VPS[主机]
- HostKvm,香港云地VPS,全场八折,三网直连,电信CN2,2核4G 香港VPS[主机]
- UCloud云服务器2020年度大促:北京/上海云服务器/香港免备案云服 香港VPS[主机]
- 众创逸云:元旦优惠活动,香港美国CN2云服务器4核4G30M,仅售309 美国VPS[主机]
- 尊云服务器年末钜惠活动:4核8G5M云服务器仅99元/月,1188元/年 全球[VPS测评]
- 三优云uuuvps:春节促销,香港cn2 vps低至168元/年,多款配 香港VPS[主机]
- 云米科技:香港CN2 GIA/美国Cera优质高防线路8折,支持按天退款 美国VPS[主机]
- 古德云:香港CN2 GIA云服务器,1核1G 2Mbps带宽仅15/月, 香港VPS[主机]
- Vmshell:香港免费vps试用机24H,新增在线测速!年付再打9折, 香港VPS[主机]
- 30个美容院抖音唯美文案,看到就直接拿去发吧 全球[VPS测评]
- 文物、沉船、村落!干旱导致大量遗迹重见天日 2022年干旱还要持续多久? 全球[VPS测评]
- 快速云:vps云服务器的区别是什么?2022-08-1913:32来源: 全球[VPS测评]
- 阿里行癫:如何理解当下的云计算 全球[VPS测评]
- 宝塔面板怎么放行端口?宝塔面板放行端口的方法 全球[VPS测评]
- 奇维云优惠活动:香港CN21核1G1M带宽云服务器免费领取 香港VPS[主机]
- 极客主机,美国高防/日本软银/新加坡双程CN2/香港VPS 折后39元/ 日本VPS[主机]
- 青果云怎么样?美国/香港/日本云主机 买多久送多久 日本VPS[主机]
转载请注明原文地址: http://140.238.13.167:12355/read-222535.html











