为WordPress文章文本编辑器添加高亮pre标签

WordPress现已成为众多网站建设者的首选CMS之一，但每次在文本编辑模式下我们都要根据代码类型插入pre，非常的不方便，很影响我们的编辑效率，所以我们自己动手给我们的编辑器附加一些常用功能。那如何能够像编辑器带的b标签一样，点一下就自动输入。
下面我们就来看看怎么为Wordpress文章编辑器添加pre标签代码

步聚一：

wordpress增加自定义标签办法：
修改主题的functions.php文件，找到路径为：/网站路径/wp-content/themes/你的主题文件夹/functions.php 这个文件打开它

步聚二：

然后将以下代码以文本方式复制添加<?php 之后：

//添加HTML编辑器自定义快捷标签按钮
add_action(‘after_wp_tiny_mce’, ‘add_button_mce’);
function add_button_mce($mce_settings) {
?>
<script type=”text/javascript”>
QTags.addButton( ‘hr’, ‘hr’, “<hr>”, “<hr />” );
QTags.addButton( ‘h1’, ‘h1’, “<h1>”, “</h1>” );
QTags.addButton( ‘h2’, ‘h2’, “<h2>”, “</h2>” );
QTags.addButton( ‘h3’, ‘h3’, “<h3>”, “</h3>” );
QTags.addButton( ‘pre’, ‘pre’, “<pre>”, “</pre>” );
</script>
<?php
}

我就是pre标签显示的效果