如何不需要使用插件就可以实现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
- 企鹅小屋→180 元 年 1GB 内存 200GB 硬盘 1TB 流量 香港VPS[主机]
- CentOS7 创建并启用 RAMDISK(内存盘)全球[VPS测评]
- 阿里云建站首选轻量应用服务器 香港节点 30M 峰值带宽¥864 3 年香港VPS[主机]
- Laravel 中原生 SQL 查询分页方法全球[VPS测评]
- LosAngelesVPS→$27.99 年 2 核 2.5GB 内存 虚拟空间(主机)
- 优惠 OneVPS→日本机房 VPS 全线降价 512M 2T 流量套餐日本VPS[主机]
- 投稿 hostkvm→香港三网直连线路限量 7 折优惠 KVM 架构 无香港VPS[主机]
- PCCW 线路 $17.1 半年 1G 内存 20G SSD 100Mb全球[VPS测评]
- $7 月 512M 内存 20G 硬盘 500G 流量 100Mbps 全球[VPS测评]
- spinservers→$119 月-Dual E5 2630L 128全球[VPS测评]
- WordPress根据最后一次评论时间判断是否显示评论者链接全球[VPS测评]
- 体验 Google AdSense 广告联盟的链接广告样式全球[VPS测评]
- 不要再相信这4个错误的Google 搜索引擎SEO优化观念全球[VPS测评]
- WordPress 网站自定义广告位占位/出租代码全球[VPS测评]
- WordPress插件:WP User Avatar修改默认头像全球[VPS测评]
- Buyukweb 土耳其布尔萨VPS测试(原生IP 1.8$)全球[VPS测评]
- OneProvider-OP新区 立陶宛 维尔纽斯 VPS 测试全球[VPS测评]
- 江苏高防服务器哪里买?宿迁BGP、宿迁双线高防服务器的价格全球[VPS测评]
- 又一跨境电商产业园落户!中山石岐签约引进16个项目全球[VPS测评]
- CombCloud,香港沙田CN2VPS测评,2核1G52元/月,安畅C香港VPS[主机]
- 戈登云VPS,6折,充值送50%,香港cn2,美国cn云服务器,2核2G美国VPS[主机]
- ucloud香港服务器怎么样?听听这些网友们怎么说的香港VPS[主机]
- uuuvps:香港VPS低至97元/年,CN2+bgp网络,香港机房VP香港VPS[主机]
- 快速云:怎么连接vps?VPS的用途有哪些?全球[VPS测评]
- 中行升级服务力促跨境电商发展全球[VPS测评]
- 葫芦云:香港将军澳CN2云服务器24元/月,1核/1GB/25G硬盘/3香港VPS[主机]
- 2021年UCloud云服务器价格表,UCloud全球云主机租用报价表全球[VPS测评]
- 企鹅小屋:香港VPS限时3折优惠,香港沙田CN2,原生IP,年付486.香港VPS[主机]
- 精美的宠物医院网站WordPress主题 - Valkuta全球[VPS测评]
- 快云科技:香港VPS服务器_双向CN2/20Mbps大带宽,29元/月起香港VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-222348.html











