有时候我们想在页面内运行代码，方便说明问题，类似于 w3school 那样的。

实现方法可以分为插件式和非插件式。

插件式

可以使用 RunCode 插件。下载地址：http://wordpress.org/plugins/runcode/

或者使用 runcode by soncy 插件。下载地址：http://wordpress.org/plugins/runcode-by-soncy/

插件使用方法：
1、下载以下附件解压上传至wp-contentplugins目录下；
2、后台启用（无需设置）；
3、编辑文章或页面的时候选择HTML编辑状态，把需要运行的代码放置在以下标签中发布即可：
[cc lang=”html”]

这里放置需要运行的代码

[/cc]

使用实例：

转载自：http://blog.sina.com.cn/s/blog_5f49ee9301014f12.html
这款插件需要我们手动添加代码。

首先是最常用的一种

你可以在你主题里面的archive.php, single.php, post.php 或者 page.php等等找到[cc lang=”php”][/cc]然后在它下面你需要显示的地方输入[cc lang=”php”][/cc]

这样我们就可以在页面上显示出统计数量了。

在本站的用法

首先打开主题（flat主题）的single.php文件，在[cc lang=”php”]‘, ‘

‘ ); ?>[/cc]下添加[cc lang=”php”]

[/cc]

再打开style.css文件，在[cc lang=”php”].meta li.post_edit a:hover { }[/cc]下添加[cc lang=”php”].meta li.post_views {} /*文章访问统计*/[/cc]

这样就添加完成了。

为了美观，重新给侧边栏修改、添加了图标。
现在效果如下：

侧边栏的完整代码如下：
[cc lang=”php”]
.meta li.post_author { background:url(img/icon_author.png) no-repeat right 1px; padding:0 19px 0 0; } /*此次也替换了author图标*/
.meta li.post_category { background:url(img/icon_category.png) no-repeat right 1px; padding:0 19px 0 0; }
.meta li.post_tag { background:url(img/icon_tag.png) no-repeat right 1px; padding:0 19px 0 0; }
.meta li.post_comment { margin:0 0 20px 0; background:url(img/icon_comment.png) no-repeat right 1px; padding:0 19px 0 0; }
.meta li.post_comment a { }
.meta li.post_comment a:hover { }
.meta li.post_edit { background:url(img/icon_edit.png) no-repeat right 1px; padding:0 19px 0 0; } /*添加编辑图标*/
.meta li.post_edit a { }
.meta li.post_edit a:hover { }
.meta li.post_views { background:url(img/icon_views.png) no-repeat right 1px; padding:0 19px 0 0; } /*文章访问统计，带图标*/
[/cc]

转载自：http://www.chinaz.com/web/2012/0518/252577.shtml

实现方法和代码

找到你正在使用的那个主题的模版函数文件（也就是functions.php这个文件），在其中加入下面这段代码：
[cc lang=”php”][/cc]