wordpress文本编辑器自定义标签的方法

效果图

上图添加了h2、h4、pre标签

 

正文

每次手动在文本编辑器里打出<pre></pre>的时候都觉得很难受,为什么不能像code那样在上方就有个可供选择的标签呢？于是有了这篇文章。一切教程来自互联网。

首先找到网站的functions.php 文件。两个方法，一个是在网站后台，也就是仪盘表里，外观—编辑，找到functions.php 文件。还有一个方法是打开网站的文件管理器，我用的是cPanel，登录进去直在主题里修改functions.php。个人觉得第一种方法简单快捷。

在文件中添加这样一段代码：

add_action('after_wp_tiny_mce', 'add_button_mce');
function add_button_mce($mce_settings) {
?>
<script type="text/javascript">
    QTags.addButton( 'h2', 'h2', "<h2>", "</h2>" );
    QTags.addButton( 'h4', 'h4', "<h4>", "</h4>" );
    QTags.addButton( 'pre', 'pre', "<pre>", "</pre>" );