WordPress免插件代码高亮-灰底代码

Timle.CN:专注 WordPress建站WordPress主题WordPress插件 分享,同时也关注各种 建站资源前端技巧免费资源IT互联网热点 。CTRL+D即可收藏本站,我们期待您的再次光临!

本着插件能少一个是一个的原则,彻底干掉高亮代码插件,下面给出免插件实现代码高亮的(灰底代码)方法:

/**灰底代码**/
pre {
	margin:20px auto;
	padding:20px;
	background-color:#aea8a8;/*根据自己需要修改灰底颜色*/
	white-space:pre-wrap;
	word-wrap:break-word;
	letter-spacing:0;
	font:14px/26px 'courier new';
	position:relative;
	border-radius:3px;
}
/**code from timle.cn**/

将以上代码添加到主题css文件中,在写文章时,将你需要发布的代码包裹在<pre></pre>之间即可实现代码高亮。

使用方法:

<pre>
  你需要发布的代码
  </pre>

效果如下图所示:

high-light-codes

当然,如果你还是喜欢插件的话,也可以试试:wp-syntax  非常不错的代码高亮插件。

以上

版权声明:本站所有文章和资源使用CC BY-NC-SA 3.0 CN协议发布,转载应当以相同方式注明并注明文章来自“Timle.CN -> WordPress免插件代码高亮-灰底代码”。在页面右边可以分享本文哦!

有 3 发吐槽 关于 “WordPress免插件代码高亮-灰底代码

  1. 沙发
    lanpg.cn 2015-07-23
    我来试试,至少你这个至少可以调灰底色看起来会好一些 :wink:
    • 回复
      Timle.CN 2015-07-23
      @lanpg.cn 嗯嗯,我现在站上的就是用这段代码调了下样式后的!感觉还不错!没必要专门装个插件来代码高亮!
  2. 板凳
    ScottJu 2015-10-28
    全灰色?还是你当前使用的样子?

疑问 难过 胜利 微笑 抠鼻 可爱 抓狂 偷笑 奋斗 衰 撇嘴 色 贼笑 爬虫 鼓掌 发怒 擦汗 握手 酷 玫瑰 哭 呲牙

WordPress免插件代码高亮-灰底代码
5 票, 4.40 平均等级 ( 89% 分 )