当前位置:Home > wordpress > “.ColorCode for WordPress Plugins、

“.ColorCode for WordPress Plugins、366 views

colorcode-for-wordpress-plugins

      之前想过为 ColorCode 写个 wordpress 插件,今天简单地完成了 1.0 版本。

      ColorCode 可以帮助您为 HTML, XML, Javascript 和 CSS 代码提供代码高亮方案。

适用版本:

     wordpress 3.0 或以上版本。

插件源码:

      GitHub ColorCode Project

插件下载:

      ColorCode Plugin 

使用方法:

1, 下载或者git clone ”wp-colorcode” ,解压到 wp-content/plugins/ 目录下。

2, 进入 wordpress 后台,菜单-》插件-》激活 colorcode。

3, 编辑文章,切换到 html 编辑,为你想要显示成代码的地方加上如下标签:

<pre name="colorcode" class="html" >
...//Your code here
</pre>

 注:class 可以是 htmlxmljscss 。

4, 这样就完成了。但还提供了 2 项设置。进入后台,菜单-》设置-》colorcode ,在这里可以选择你喜欢的配色方案(暂时提供 4 套),还能选择是否显示行号。

 设置页面如下图:

      colorcode-setting

插件演示:

      下面的代码是通过 ColorCode 插件显示出来的效果。默认的配色方案为 Knight。

<pre class="js" name="colorcode">
window.onload = function() {
          alert(" Hello World!");
}
</pre>

可能遇到的问题:

      如果您正确使用了 ColorCode 插件,仍然无法高亮代码,请确定您的 wordpress 主题的底部提供了 wp_footer() 函数。

联系作者:

       如果您觉得这个插件还不错,有建议的话可以联系我哈!或者有 Bug 什么的,快快联系我。

      Email: pizner@gmail.com

或者给我留言!

声明: 本文采用署名-非商业性使用-相同方式共享协议进行授权. 转载请注明转自:PIZn

Leave a Reply