如何不需要使用插件就可以实现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
- locvps:香港云地多线路BGP云服务器,三网直连,6折终身优惠中,稳 香港VPS[主机]
- SEO和网页加载速度有关系吗?如何提升? 全球[VPS测评]
- 很简单的图片不规则布局样式,纯css样式实现的图片瀑布流布局 全球[VPS测评]
- 因搜包耽误员工下班,苹果将支付3050万美元赔款 全球[VPS测评]
- 为什么要拥有一台VPS? 全球[VPS测评]
- 跨境电商周报丨拼多多布局跨境电商平台;Shopify将推出新平台支持网红 全球[VPS测评]
- 厘米云,江苏移动100G高防云服务器,4核4G内存20M带宽79元/月 全球[VPS测评]
- 无忧云怎么样?大连BGP德阳100G高防香港CN2VPS云服务器 香港VPS[主机]
- 青果云:香港云主机2核1G3M30G,香港vps仅售59元/月 香港VPS[主机]
- 速云互联:香港/美国CN2 GIA线路/BGP/10Mbps/全场八折, 美国VPS[主机]
- 麻花云双12年终盛典:香港云主机9元起,老客户续费6折;安徽BGP线路v 香港VPS[主机]
- 桔子数据怎么样?美国、香港CN2云服务器2核2G10M带宽仅480元/年 美国VPS[主机]
- 源云主机:圣诞促销香港CN2 GIA VPS年付319元;美国CN2 G 美国VPS[主机]
- 云米科技:香港安畅/美国Cera/日本CN2机房,海外云服务器最低11元 日本VPS[主机]
- 情画数据:香港沙田CN2云服务器,2核/2G/5M带宽,年付200元 香港VPS[主机]
- 欧亚云:新春优惠,洛杉矶CERA云主机仅25元/月起,香港CN2仅28元 香港VPS[主机]
- UCloud香港云服务器:免备案,CN2,全球31个机房,香港2核4G2 香港VPS[主机]
- 青云互联:香港vps全场终身8折优惠,CN2线路,提供大带宽vps,月付 香港VPS[主机]
- CoNoov:美国/日本/新加坡/英国/荷兰/西班牙/挪威/丹麦vps, 日本VPS[主机]
- 星辰云:香港/美国/韩国/菲律宾/新加坡cn2云服务器低至20元/月起, 韩国VPS[主机]
- MineServer:日本CN2云服务器,2核/2G/15Mbps,年付 日本VPS[主机]
- Hyocloud:愚人节,特惠+预售,香港BGP VPS/大带宽/大流量 香港VPS[主机]
- MineServer:香港CMI云服务器,1核/512MB/10GB空间 虚拟空间(主机)
- 恒创科技优惠码:Coupons_yun80,美国/香港云服务器8折优惠券 美国VPS[主机]
- 长三角地区的算力需求规模到底有多大? 全球[VPS测评]
- 又有美议员窜访台,中国驻美大使馆:“中方将对美国的挑衅采取果断的反制措施 美国VPS[主机]
- 百看不厌的文案,抖音唯美文案。 全球[VPS测评]
- 虾皮跨境电商怎么样?虾皮跨境电商靠谱吗? 全球[VPS测评]
- 日主机,便宜美国CN2高防VPS¥19/月起,1Gbps带宽,香港多IP 站群服务器[IP]
- 无忧云怎么样?大连BGP德阳100G高防香港CN2VPS云服务器 香港VPS[主机]
转载请注明原文地址: http://140.238.13.167:12355/read-222772.html











