现在的位置: 首页WordPress>正文
WordPress代码高亮插件
2011年09月11日 WordPress 暂无评论 ⁄ 被围观 41+

我们在WordPress里写文章时,有时需要插入一些代码,为便于代码直观显示,需要对其做一些高亮优化。这里,给大家推荐一款WP-CodeBox代码高亮插件,它支持多种语言、代码下载、复制到剪贴板,代码框收放及后台默认属性设置等多项功能,而且使用起来比较简单。

下面是WP-CodeBox的使用方法:

WP-CodeBox插件安装

这个很简单了,直接进入WordPress后台—“插件”—“安装插件”,搜索“WP-CodeBox”安装并启用即可。
当然,你也可以 下载WP-CodeBox插件 ,解压后,把文件夹上传到wp-content/plugins/目录下,再到WordPress后台启用。

配置WP-CodeBox

在后台—“设置”—“代码高亮”部分找到WP-CodeBox配置。这里只需要勾选你需要的选项即可。

WP-CodeBox插件语法

<pre lang="LANGUAGE" line="N" file="download.txt" colla="+">代码</pre>

lang="LANGUAGE":代码的语言,如CSS、ASP、PHP、Java等

file="download.txt":创建一个可下载的保存名称

line="N":开始行数

colla="+/-": "+"表示展开,"-"表示收缩

了解语法,就可以在文章中添加高亮代码了。这里需要注意,在新建插入代码的文章时,请使用HTML编辑状态(切记),编辑过程中尽量避免“可视化”和“HTML”来回切换。

下面是个实例,例如,在文章中插入以下代码:

<pre lang="php">
<div id="postnavi">
<span><?php next_post_link('%link') ?></span>
<span><?php previous_post_link('%link') ?></span>
<div></div>
</div>
</pre>

其得到的效果为:

  1. <div id="postnavi">      
  2. <span><?php next_post_link('%link') ?></span>      
  3. <span><?php previous_post_link('%link') ?></span>      
  4. <div></div>      
  5. </div>    
×
腾讯微博