WordPress 后台HTML编辑模式增加快捷按钮

发表于 2013-03-08 05:19:21 by 月小升

经常使用wordpress的后台按钮。使用了代码插件WP-Syntax。老是要手工写pre lang="php" 这样的代码。要是能添加个按钮就方便多了。下面为html编辑模式增加一个字体颜色变红的按钮来展示如何搞。

本篇文章中xxx表示主题目录名称

1.新建一个文件myquicktags.js
内容如下

QTags.addButton( '红', '红色', "", "" );

然后把此js丢入主题文件夹wp-content/themes/xxx/，再在主题 functions.php 中加入代码：

2.修改functions.php
wp-content/themes/xxx/functions.php

add_action('admin_print_scripts', 'my_custom_quicktags');

function my_custom_quicktags() {
    wp_enqueue_script(
        'my_custom_quicktags',
        get_stylesheet_directory_uri().'/myquicktags.js',
        array('quicktags')
    );
}

弄好了。去后台添加一下试试吧。是不是出来了“红色”的按钮了。方便哦。

---

首发地址：月小升博客 – https://java-er.com/blog/html-wordpress-edit-button/
无特殊说明，文章均为月小升原创，欢迎转载，转载请注明本文地址，谢谢