如何不需要使用插件就可以实现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
- windows 2012 R2系统更新KB2919355补丁,提示此更新 WINDOWS
- 网站迁移服务器是如何运作的?新手站长看完这篇文章,很容易就能看完。 全球[VPS测评]
- 什么是VPS?国内VPS有哪些? 全球[VPS测评]
- 播放量破千万,点赞量破百万,你绝对想不到这三款多功能产品居然在TK上卖爆 全球[VPS测评]
- 快速云:科普云服务器服务器的概念和作用2022-08-2313:26来源 全球[VPS测评]
- 邢志宏:加快推动高质量建设跨境电商综试区起势成势 全球[VPS测评]
- php168数据库配置文件在哪里?如何修改数据库配置文件 全球[VPS测评]
- 野草云服务器怎么样?香港CN2+BGP带宽30M月付19元 香港VPS[主机]
- HostKvm:韩国香港vps10月份最新促销,海外VPS全场八折优惠 韩国VPS[主机]
- edgeNAT:全场6折优惠,韩国CN2、美国CN2、香港CN2月付36 韩国VPS[主机]
- sugarhosts糖果主机黑五:VPS服务器5折,最低月付24.5元, 香港VPS[主机]
- sugarhosts:虚拟主机3折(有独立IP),云服务器5折,香港\\ 独立服务器[U]
- 麻花云双12活动:香港CN2云主机首月9元;安徽移动vps月付29元 香港VPS[主机]
- 极光KVM双12:全场月付/季付产品全部5折,永久优惠,年付最高立减15 全球[VPS测评]
- 者也vps年终特惠:全场云服务器7折终身优惠,赠1G内存,充1000送3 全球[VPS测评]
- uuuvps:香港大带宽vps低至239元/年;香港服务器720元/e3 香港VPS[主机]
- RAKsmart促销活动:韩国服务器低价抢购,美国G口服务器低至$99, 韩国VPS[主机]
- 腾讯云海外服务器优惠活动:全球购1核2G美国云服务器低至318元/年 美国VPS[主机]
- UCloud促销:快杰云主机52元/年起,可选台湾(台北)/香港/北京/ 香港VPS[主机]
- DiyVM:香港/日本/美国vps低至5折,2G内存月付69元起;香港服 日本VPS[主机]
- 腾讯云香港服务器2核4G30M仅804元/年,2412元/3年;国内轻量 香港VPS[主机]
- 欧路云:香港/加拿大/法国/新加坡vps全线产品8折优惠,适用于新购/续 香港VPS[主机]
- 欧路云:美国圣何塞vps原生IP服务器!限量50台/弹性CN2,8元/月 美国VPS[主机]
- Linx宝塔面板nginx禁止ip访问(防恶意解析)教程 全球[VPS测评]
- 云服务器和服务器各有什么优缺点? 全球[VPS测评]
- 一篇漫画,看懂云计算 全球[VPS测评]
- 云计算竞争日趋白热化云计算行业市场前景分析 全球[VPS测评]
- 如何设置指定路径跳转指定域名? 全球[VPS测评]
- tudcloud,香港沙田大带宽vps特惠7折,CN2+BGP直连,10 香港VPS[主机]
- 搬瓦工:美国香港cn2 gia线路VPS,10Gbps带宽,移动+联通企 美国VPS[主机]
转载请注明原文地址: http://140.238.13.167:12355/read-224457.html











