在WordPress的Html文本编辑器中加入自定义标签按钮

我们需要在Wordpress的Html文本编辑器中加入自定义标签按钮，以便于快捷的编辑写文章。
比如 h1 h2 h3等常用标签

编辑主题的 functions.php 文件

路径为：/home/wp-content/themes/主题文件夹/functions.php，然后将以下代码添加到最后

//文本编辑器添加自定义代码标签
add_action(‘after_wp_tiny_mce’, ‘add_button_mce’);
function add_button_mce($mce_settings) {
?>
<script type=”text/javascript”>
QTags.addButton( ‘h1’, ‘h1’, “<h1>”, “</h1>” );
QTags.addButton( ‘h2’, ‘h2’, “<h2>”, “</h2>” );
QTags.addButton( ‘h3’, ‘h3’, “<h3>”, “</h3>” );
QTags.addButton( ‘h4’, ‘h4’, “<h4>”, “</h4>” );
QTags.addButton( ‘h5’, ‘h5’, “<h5>”, “</h5>” );
QTags.addButton( ‘h6’, ‘h6’, “<h6>”, “</h6>” );
QTags.addButton( ‘pre’, ‘pre’, “<pre>”, “</pre>” );
QTags.addButton( ‘kbd’, ‘kbd’, “<kbd>”, “</kbd>” );
</script>
<?php
}

此时我们轻松点击几下鼠标就能轻松的插入标题标签了
以及非常个性化的键盘标签 <kbd> </kbd> 键盘标签
代码标签<pre> </pre>