为WordPress默认编辑器TinyMCE开启更多功能按钮

  • 酉灿
  • WordPress
  • Jul 26, 2021

众所周知,WordPress目前已经成为世界上受众最广的CMS建站程序,WordPress丰富的功能及强大的插件总是能满足我们的任何需求,当我们在惊叹WordPress的强大时,殊不知还有许多强大的功能已经被WordPress开发团队给悄悄的隐藏起来了,所以请不要再说WordPress臃肿了,因为它是真的强大!

这些被隐藏的功能需要开发者自己去启用,如常见的友情链接等等,今天要给大家分享的是如何开启WordPress默认编辑器的隐藏功能。

WordPress默认的编辑器是TinyMCE编辑器,也就是经典比那机器。其提供可视化和html两种编辑模式,默认的编辑界面如下图,分别为可视化编辑器功能和html编辑器功能。

虽然WordPress默认的功能已经能满足日常的使用了,但是此编辑器貌似少了一些该有的功能,如字体、字号等等。

不少用户选择了安装插件来使用其他编辑器,而实际上WordPress的默认编辑器完全拥有这些功能,但默认是隐藏的,完整的编辑器包含这些功能:

加粗(bold)、斜体(italic)、下划线(underline)、删除线(strikethrough)、左对齐(justifyleft)、居中(justifycenter)、右对齐(justfyright)、两端对齐(justfyfull)、无序列表(bullist)、编号列表(numlist)、减少缩进(outdent)、缩进(indent)、剪切(cut)、复制(copy)、粘贴(paste)、撤销(undo)、重做(redo)、插入超链接(link)、取消超链接(unlink)、插入图片(image)、清除格式(removeformat)、帮助(wp_help)、打开HTML代码编辑器(code)、水平线(hr)、清除冗余代码(cleanup)、格式选择(formmatselect)、字体选择(fontselect)、字号选择(fontsizeselect)、样式选择(styleselect)、上标(sub)、下标(sup)、字体颜色(forecolor)、字体背景色(backcolor)、特殊符号(charmap)、隐藏按钮显示开关(wp_adv)、隐藏按钮区起始部分(wp_adv_start)、隐藏按钮区结束部分(wp_adv_end)、锚文本(anchor)、新建文本(类似于清空文本)(newdocument)、插入more标签(wp_more)、插入分页标签(wp_page)、拼写检查(spellchecker)

下面就让我们把这些功能都启用了吧,将如下代码放入主题的函数文件(functions.php)中

function enable_more_buttons($buttons) {
    $buttons[] = 'hr';
    $buttons[] = 'del';
    $buttons[] = 'sub';
    $buttons[] = 'sup';
    $buttons[] = 'fontselect';
    $buttons[] = 'fontsizeselect';
    $buttons[] = 'cleanup';
    $buttons[] = 'styleselect';
    $buttons[] = 'wp_page';
    $buttons[] = 'anchor';
    $buttons[] = 'backcolor';

// 更多按钮可自行添加...

return $buttons;
}
add_filter("mce_buttons", "enable_more_buttons");

上面代码默认将这些功能添加到工具栏第一行,WordPress函数给了用户自由选择的权利,我们可以通过更改上述代码最后一句来调整这些功能的位置。

添加到第二行:

add_filter("mce_buttons_2", "enable_more_buttons");

单独另起一行:

add_filter("mce_buttons_3", "enable_more_buttons");

我选择单独另起一行,得到如下图编辑器界面。

很多时候我们尽可能应该避免来使用插件,因为插件安装的越多,网站的负荷越大,WordPress网站打开速度越慢,这也是很多国外主题打开慢的原因,因为国外的主题很多都是靠插件搭建起来的。

我们还是应该多多的发掘WordPress自带的功能,尽量少用插件就能保证你的WordPress站点更轻便高效。

打赏