wordpress的经典编辑器可以满足基本的稿件编辑要求,但是在使用过程中,还是发现缺少了一些比较常用的选项。比如修改字体大小、字体类型、为文本添加背景色等。之前,我一直使用 TinyMCE Advanced 这个插件对经典编辑器进行加强。功能确实比较强大,增加了很多的编辑选项。但大多功能都不太实用,而且还要专门安装一个插件。后来搜索了一下,发现只需要在主题的functions.php文件中,添加部分代码,就可以添加上述的功能。
提示
亲测本方法只能为经典编辑器添加功能,不能为古腾堡中的经典编辑器块添加功能(会报错)。functions.php文件的位置在 wordpress后台—>外观—>主题编辑器—>functions.php。 效果如下:
代码
在主题的functions.php文件中添加如下代码:
function add_editor_buttons($buttons) {
//每一行的$buttons[] 代表一个功能,可以根据实际使用情况进行删减。
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'backcolor';
$buttons[] = 'underline';
$buttons[] = 'hr';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'cut';
$buttons[] = 'copy';
$buttons[] = 'paste';
$buttons[] = 'cleanup';
$buttons[] = 'wp_page';
$buttons[] = 'newdocument';
return $buttons;
}
//数字2表示添加在编辑器的第二栏,如果改成3就是添加在第三栏
add_filter("mce_buttons_2", "add_editor_buttons");
将上述代码添加在functions.php文件的末尾。添加完上述的代码以后,需要点击一下下方的 更新 按钮。这样才能将修改保存下来。
button的值与对应的功能
Value | Key | Value | Key | Value | Key |
---|---|---|---|---|---|
复制 | copy | 粘贴 | paste | 剪切 | cut |
重做 | redo | 居中 | justifycenter | 撤销 | undo |
加粗 | bold | 斜体 | italic | 左对齐 | justifyleft |
右对齐 | justfyright | 两端对齐 | justfyfull | 插入链接 | link |
取消链接 | unlink | 插入图片 | image | 清除格式 | removeformat |
下划线 | underline | 删除线 | strikethrough | 锚文本 | anchor |
新建文本 | newdocument | 字体颜色 | forecolor | 字体背景色 | backcolor |
格式选择 | formmatselect | 字体选择 | fontselect | 字号选择 | fontsizeselect |
样式选择 | styleselect | 无序列表 | bullist | 编号列表 | numlist |
减少缩进 | outdent | 缩进 | indent | 帮助 | wp_help |
水平线 | hr | 清楚冗余代码 | cleanup | 上标 | sub |
下标 | sup | 特殊符号 | charmap | 插入more标签 | wp_more |
插入分页标签 | wp_page | 拼写检查 | spellchecker | HTML编辑器 | code |
$buttons[] = 'styleselect';
$buttons[] = 'image';
这两个加上去没有生效