WordPress编辑器文本代码添加自定义按钮标签

WordPress编辑器可以可视化也可以切换到代码编辑，那怎么在代码编辑器上添加自定义的代码呢

如图:

代码自定义按钮

第一步：找到自己主题下面的functions.php文件，打开编辑，复制下面代码粘贴到最后面

// 文本代码添加自定义按钮
function my_add_mce_button() {
// 检查用户权限
if ( !current_user_can( 'edit_posts' ) && !current_user_can( 'edit_pages' ) ) {
return;
}
// 检查是否启用可视化编辑
if ( 'true' == get_user_option( 'rich_editing' ) ) {
add_filter( 'mce_external_plugins', 'my_add_tinymce_plugin' );
add_filter( 'mce_buttons', 'my_register_mce_button' );
}
}
add_action('admin_head', 'my_add_mce_button');
// 声明新按钮的脚本
function my_add_tinymce_plugin( $plugin_array ) {
$plugin_array['my_mce_button'] = get_template_directory_uri() .'/js/xz.js';//在主题下面新建对应的js文件，
return $plugin_array;
}
// 在编辑器上注册新按钮
function my_register_mce_button( $buttons ) {
array_push( $buttons, 'my_mce_button' );
return $buttons;
}

第二步：新建上面对应的js文件，在复制下面的js代码粘贴到里面保存，可以添加多个按钮，标签自行修改。

//QTags.addButton( '按钮名称', '按钮名称', "\n标签开始", "标签结束\n" ); // \n这个表示换行
QTags.addButton( '下载', '下载', "\n<div class='xiazai'>", "</div>\n" ); //快捷输入标签

所以完成后保存，进输入后台编辑器刷新，切换到文本代码即可看见，如果没有检查代码复制错没，清除浏览器缓存，

在试试。本人亲测可用。只有按照上面步骤，且没错误，即可成功