如何不需要使用插件就可以实现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
- php 数组相加合并函数 多个数组相同键名项键值相加。全球[VPS测评]
- 优惠 Name 七月域名注册优惠活动→20 种域名促销优惠 低至 0.9全球[VPS测评]
- mysql 清空表中的数据后设置自增 id 仍从 1 开始(重置自增 i全球[VPS测评]
- imidc→6 折优惠“南非 CN2 线路”VPS $9 月 KVM 5全球[VPS测评]
- 劳动节 极光 KVM→五一劳动节专场 日本 美西 CN2 移动 CMI 日本VPS[主机]
- JQuery 动态获取 添加 修改 删除元素的 class全球[VPS测评]
- 疯狂猜成语 图猜成语一个大的逆字和一个小的首字是什么成语?全球[VPS测评]
- 我爱水煮鱼WordPress SEO 宝典:怎么才能让你的博客流量增长1全球[VPS测评]
- 美国便宜 VPS 春节促销汇总,最低$7.5/年。美国VPS[主机]
- RangCloud 双旦特惠 1G内存10G硬盘1m小带宽香港vps首单香港VPS[主机]
- 使用虚拟主机不会影响SEO效果;同一个服务器多个站点抄袭转载,可能会被降全球[VPS测评]
- HostMayo便宜VPS年付30美元起;虚拟主机年付5美元起,可选洛杉全球[VPS测评]
- DMIT.io 香港VPS CVM N3系列香港VPS[主机]
- Rabbithosts 美国 BGP-P → 电信CN2 GIA 联通9美国VPS[主机]
- 晚点独家丨拼多多9月上线跨境电商平台,首站美国美国VPS[主机]
- 云计算拯救互联网巨头?全球[VPS测评]
- 快速云:科普云服务器服务器的概念和作用2022-08-2313:26来源全球[VPS测评]
- 瓜云互联怎么样?香港/美国洛杉矶CN2高防vps 50G月付34元美国VPS[主机]
- 买了一台云服务器到底能干什么?全球[VPS测评]
- 麻花云怎么样?安徽移动VPS月付29元 香港VPS 2M月付21元香港VPS[主机]
- 香港的云服务器值得租用吗?有什么好处?香港VPS[主机]
- UCloud香港云主机怎么样?UCloud香港云主机1核1G1M评测香港VPS[主机]
- 租用美国服务器有哪些安全方案美国VPS[主机]
- 雪花云怎么样?雪花云香港云服务器1核1G2M仅19元/月香港VPS[主机]
- 阿里云和腾讯云免备案香港云服务器哪个更优惠?香港VPS[主机]
- 易探云:香港云服务器2核2G5M首月39元,带1G防御,年付6.8折优惠香港VPS[主机]
- 阿里云香港服务器价格优惠:老用户香港2核4G3M云服务器仅1181.5元香港VPS[主机]
- 初忆云:湖北电信云服务器1核2G仅6.8/月,81.6元/年;香港cn2香港VPS[主机]
- 曾经最大跨境电商平台团队收缩,只剩20人丨GoingGlobal周报全球[VPS测评]
- PQhosting:香港HE/乌克兰/俄罗斯/荷兰/摩尔多瓦vps主机/香港VPS[主机]
转载请注明原文地址:https://www.motoll.com/read-226493.html