如何不需要使用插件就可以实现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
- 新商家慎重-DesiVPS→$2 月 2GB 内存 20GB SSD 空虚拟空间(主机)
- 2019 年 Virmach 低价 VPS 购买及优惠码使用教程全解全球[VPS测评]
- 搬瓦工最便宜的 cn2vps 补货,10Gbps 大带宽服务器,46.8全球[VPS测评]
- ZJI 新春 55 折→香港大埔 2XE5-2630L 32GB 1TB香港VPS[主机]
- 价格高-Aurora→日本 VPS 1 核 512M 内存 10G SS日本VPS[主机]
- Jenkins 运行 shell 脚本权限终极解决办法全球[VPS测评]
- racknerd→60Gbps 高防(sharktech 鲨鱼洛杉矶机房全球[VPS测评]
- Win7 系统 IIS 运行 asp 网站提示→ActiveX 部件不能全球[VPS测评]
- 便宜 VPS 5 刀一年 1 核 128M 5G 250G 1Gbps 全球[VPS测评]
- 恒创科技国庆促销→香港 CN2 服务器月付 999 元 香港高防服务器 香港VPS[主机]
- 疯狂猜成语 图猜成语一只鸟的翅膀是虚线是什么成语?全球[VPS测评]
- WordPress插件:WPS Hide Login 修改 WordPr全球[VPS测评]
- centOS7系统下如何修改服务器SSH端口默认的22。全球[VPS测评]
- 樊云 香港CN2九折优惠 1g内存20G硬盘5m带宽不限流 月付仅22.香港VPS[主机]
- PorkBun新顶级域名注册促销优惠 .xyz首年1美元.info1.9全球[VPS测评]
- PIGYun香港/韩国/美国高端优化线路,优惠后最低月付14元起,可选香韩国VPS[主机]
- RangCloud 推出山东BGP NAT VPS全球[VPS测评]
- WikiHost香港BGP VPS 九一折促销,500元起/年,三网回程香港VPS[主机]
- Shiftek → 1.99€ 月 法国 1C2G20G硬盘 300Mb全球[VPS测评]
- Nusahost-4.67$月付 印尼 Windows系统VPS 1核2WINDOWS
- Tideo-月付4$ 丹麦VPS 1核2G内存20G硬盘 100Mbps全球[VPS测评]
- Dalmaktris-毛子新加坡 3.6欧 不限流量 VPS测试全球[VPS测评]
- DevCloud cloud-v-14欧年付 德国 1C1G30gb N全球[VPS测评]
- 香港云服务器怎么选?云服务器性能测评对比香港VPS[主机]
- 春天的风最容易温暖心灵,适合朋友圈和抖音的12条文案全球[VPS测评]
- 六六云:美国cera机房CN2 GIA高防/香港CN2 GIA建站/CM美国VPS[主机]
- 亚当云怎么样?香港安畅cn2vps带宽10M月付28元香港VPS[主机]
- 腾讯云香港服务器优惠价格:4核8G5M新用户1508元,老用户2639元香港VPS[主机]
- 葫芦云:香港将军澳CN2云服务器24元/月,1核/1GB/25G硬盘/3香港VPS[主机]
- 百星数据:全场云服务器7折优惠,美国cn2/香港cn2/韩国cn2/日本日本VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-225906.html











