如何不需要使用插件就可以实现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
- 香港云服务器推荐:香港免备案云服务器推荐哪家好? 香港VPS[主机]
- LiCloud:香港CN2线路云服务器,100Mbps大带宽,6折优惠中 香港VPS[主机]
- VmShell:香港CMI线路300MBps,KVM架构vps,年付免费 香港VPS[主机]
- 云计算的三种服务模式,SaaS和PaaS的区别在哪里? 全球[VPS测评]
- 拼多多入局跨境电商平台,首站美国;奈雪的茶在上海建第二总部;pidan“ 美国VPS[主机]
- 阿里行癫:如何理解当下的云计算 全球[VPS测评]
- LOCVPS,全新香港大浦CN2 VPS 2核4G内存3M仅54/月 香港VPS[主机]
- 手帕云,便宜小带宽香港CN2 VPS,集群10G防御,双向CN2直连,仅 香港VPS[主机]
- 桔子数据:1核1GB香港CN2 GIA vps促销28元/月,最高30M 香港VPS[主机]
- 恒创主机优惠码85折_服务器优惠券8折_恒创科技优惠_代金券 全球[VPS测评]
- 极光KVM双12:全场月付/季付产品全部5折,永久优惠,年付最高立减15 全球[VPS测评]
- EdgeNat双十二优惠:韩国/香港/美国全场VPS年付,2核2G2M仅 韩国VPS[主机]
- 阿里云香港vps怎么样?阿里云香港、新加坡云主机如何购买? 香港VPS[主机]
- 源云主机:圣诞促销香港CN2 GIA VPS年付319元;美国CN2 G 美国VPS[主机]
- 品光网络:香港美国免备案云服务器超低价,2核2G2M年付仅750元/年 美国VPS[主机]
- 葫芦云:香港CN2/洛杉矶GIA高防vps,24元/月;1核/1GB/2 虚拟空间(主机)
- RangCloud:山东BGP NAT VPS,19元/首月,大带宽VP 香港VPS[主机]
- 金斗云:全场8折起,美国圣何塞高防VPS,20元/月;香港CN2 VPS 美国VPS[主机]
- 云米科技:新春欢庆,香港云服务器/美国高防vps服务器全场八折,支持按天 美国VPS[主机]
- 众创逸云:香港CN2/美国CN2降价促销,4核4G云服务器低至68元/月 美国VPS[主机]
- 快云科技:香港VPS服务器_双向CN2/20Mbps大带宽,29元/月起 香港VPS[主机]
- Pia云:美国三网CN2 GIA线路,15元/月起;香港云主机1核/2G 美国VPS[主机]
- 什么是云服务器?云服务器怎么登陆? 全球[VPS测评]
- 2022年有哪些顶级托管服务提供商 全球[VPS测评]
- 又一跨境电商产业园落户!中山石岐签约引进16个项目 全球[VPS测评]
- 一篇漫画,看懂云计算 全球[VPS测评]
- 中概股扫描网传拼多多正筹备跨境电商平台首站登陆美国 美国VPS[主机]
- 磐逸云怎么样?1核1G香港安畅CN2 VPS带宽5M年付128元 香港VPS[主机]
- 麻花云怎么样?安徽移动VPS月付29元 香港VPS 2M月付21元 香港VPS[主机]
- UOVZ怎么样?香港30M大带宽VPS 直连线路月付50元 香港VPS[主机]
转载请注明原文地址: http://140.238.13.167:12355/read-223209.html











