WordPress在文章中添加代码边框达到美观效果

我们在写技术文章的时候或者其他的情况下要在文章中添加代码为了网站的整体美观最好也在代码外添加边框效果也让读者看的舒服，无论是在WordPress文章中添加代码边框还是在其他的程序中一样可以使用这种方法。

1，下载run-code.js文件。

2，找到主题所在的 functions.php 文件，在最后添加下面代码:

[code]/**添加可运行代码框*/
function textarea($atts, $content = null) {
return ‘<script src=”js/run-code.js” type=”text/javascript” charset=”utf-8″></script>
<form>
<div align=”center”>
<textarea id=”code” style=”width:100%;background:#efefef;border:1px dashed #cccccc;”>’.$content.'</textarea>
</div>
</form>
‘;}add_shortcode(“code”, “textarea”);

[/code]

3，撰写文章时在可视化或HTML模式使用下面代码都可以运行指定代码。
[ code ]你的代码 [ /code ]

效果就跟本站一样