• 明天我们家宝宝满月了
  • 一晚上忙了好几个小时,终于把支付前台通知解决了
  • 原计划要增加另外一种支付方案,现在可能要被搁置了
  • 今天上午刚刚注册了华为云,然后刚刚华为云的客服小姐姐就来电话了,小姐姐声音挺好听的
  • 今天无意中注册了华为云,然后发现跟阿里云基本一个模样,甚至连价格都一样
  • 继续测试一下
  • 发现一个问题就是,微信语音发送说说的时候,不要拦截没有UA的数据请求
  • 测试一下连接
  • 终于下雪了
  • 有赞的支付暂时用不了了,所以重新开发另一个支付插件

修改WP-Code-Highlight插件支持自动换行

WordPress 云落 4年前 (2014-09-03) 1497次浏览 已收录 8个评论
文章目录[隐藏]

只需添加几个代码就可以使的wp-code-highlight插件自动换行,更加美观

前言

wp-code-highlight是本网站使用的一款代码高亮插件,是使用google-code-prettfy代码着色的插件,使用非常简单,只需要在pre之间直接添加代码即可

修改方法

打开插件文件目录,修改插件的css文件即可
/wp-content/plugins/wp-code-highlight/css/wp-code-highlight.css
1,使用代码编辑器Ctrl+F功能,寻找这个代码

.prettyprint

然后为这个代码添加这两个属性

white-space: pre-wrap;word-wrap: break-word;

保存一下,搞定

如果使用七牛云或者缓存插件,彻底清除缓存之后才会生效

后语

这款代码高亮插件好处就是使用WordPress自带的 pre 标签就可以添加代码,而且对所有使用google-code-prettfy着色代码的插件比较友好,兼容性较好。由于这款插件的小巧,所以加载速度也很不错

注意:不正确的CSS压缩可能使得wp-code-highlight插件无法显示颜色!!

相关链接

如果你懒的去修改或者不会修改,我这里直接给出修改好的版本吧
修改版下载


-- 完 --
weinxin
扫码订阅,第一时间获得更新
微信扫码二维码,订阅我们网站的动态,另外不定时发送WordPress小技巧,你可以随时退订,欢迎订阅哦~

乐趣公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:修改WP-Code-Highlight插件支持自动换行
喜欢 (2)
云落
关于作者:
无折腾,不生活,我是一个WordPress菜鸟,一个玩淘宝的卖家,欢迎你认识我,我是云落!
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(8)个小伙伴在吐槽
  1. 可以本地使用吗
    梦醒2017-04-15 09:28 回复 Windows 7 | Chrome 51.0.2693.2
  2. 无法安装,晕死。
    叶剑鹏2014-09-07 13:57 回复 未知操作系统 | 未知浏览器