如何不需要使用插件就可以实现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
- Win7 系统 IIS 运行 asp 网站提示→ActiveX 部件不能全球[VPS测评]
- 促销 $36 年 512M 内存 20G 硬盘 1Gbps 不限流量 K全球[VPS测评]
- 搬瓦工→新增 10Gbps 带宽的 cn2 gia 线路 VPS 移动+全球[VPS测评]
- 疯狂猜成语 图猜成语一个男人在前面唱歌一个女人在后面跟着是什么成语?全球[VPS测评]
- 腾讯云新春礼包(新老用户均可领取) 新用户秒杀最低 128 元起全球[VPS测评]
- HostDare→VPS 全场 85 折优惠 CN2 CN2 GIA 线全球[VPS测评]
- CN2 GIA $12.5 年 256M 内存 10G SSD 0.5T全球[VPS测评]
- 疯狂猜成语 图猜成语一个人左边是一个天使右边是一个恶魔是什么成语?全球[VPS测评]
- Digital-vm 七折→8 机房 1-10G 端口大流量 KVM 月全球[VPS测评]
- DedeCMS 启用自带的评论模块禁用畅言评论全球[VPS测评]
- DiyVM 香港 洛杉矶 CN2 线路 5 折起 2G 内存套餐月付 6香港VPS[主机]
- [11.11]阿里云国内云服务器年付 86 元三年 229 元 香港云服香港VPS[主机]
- 便宜 $2 月 512M 内存 20G SSD 1Gbps 不限流量 K全球[VPS测评]
- VPS 零元购 酷番云:1 核 1G 60G 硬盘 2M 带宽 内蒙机房全球[VPS测评]
- 恒星云新春香港沙田CN2 VPS¥9.9起/月,成都高防¥144/月,大香港VPS[主机]
- HostYun 新上洛杉矶cera cuvip 云服务器 512M内存/全球[VPS测评]
- Psychz便宜服务器黑五促销,E3 CPU/256G SSD/32G内全球[VPS测评]
- CloudCone 512M 内存 10G SSD 512G流量 洛杉矶全球[VPS测评]
- on9host 1核心 512M内存 15G 储存 500G流量 30M全球[VPS测评]
- 人们为啥不爱吃海底捞了?海底捞上半年亏损达2.97亿 网友神评扎心全球[VPS测评]
- 牛信云入选艾瑞《2022年中国跨境电商服务行业趋势报告》典型厂商全球[VPS测评]
- 亿速云香港服务器助力企业出海 有哪些具体的特点和优势?香港VPS[主机]
- 极客主机,美国高防/日本软银/新加坡双程CN2/香港VPS 折后39元/日本VPS[主机]
- 谷歌浏览器网址如何显示http,www,Chrome谷歌浏览器恢复地址栏全球[VPS测评]
- 青果云怎么样?美国/香港/日本云主机 买多久送多久日本VPS[主机]
- 明恒互联:双旦同庆活动开启,100G国内高防云售价116元/月,香港云主香港VPS[主机]
- edgeNAT:全场6折优惠,韩国CN2、美国CN2、香港CN2月付36韩国VPS[主机]
- 恒星云:高防服务器优惠活动,成都高防云服务器及辽宁香港服务器特惠活动香港VPS[主机]
- 彗星云:香港特价vps1核/1G/无限流量/月付仅9元,年付仅75元;国香港VPS[主机]
- 伏羲云:全场75折,美国CN2 GIA/香港CN2年付硬盘翻倍,日本软银日本VPS[主机]
转载请注明原文地址:http://www.motoll.com/read-223209.html