WordPress自定义经典编辑器,提升内容创作体验的实用技巧

来自:素雅营销研究院

头像 方知笔记
2025年05月24日 03:44

WordPress作为全球最流行的内容管理系统(CMS),其编辑器一直是用户关注的焦点。尽管Gutenberg(古腾堡)编辑器已成为默认选项,但许多用户仍偏爱经典的TinyMCE编辑器。本文将介绍如何自定义WordPress经典编辑器,以满足个性化需求并提升内容创作效率。

1. 启用经典编辑器插件

如果你的WordPress版本已升级至5.0或更高,默认编辑器是Gutenberg。要恢复经典编辑器,可以通过安装官方插件Classic Editor

  1. 进入后台 插件 > 安装插件
  2. 搜索“Classic Editor”并安装;
  3. 激活插件后,在 设置 > 撰写 中选择默认编辑器为“经典编辑器”。

2. 自定义编辑器按钮

经典编辑器默认提供基础的格式化按钮,但用户可以通过代码或插件扩展功能:

方法一:使用functions.php添加按钮

在主题的functions.php文件中添加以下代码,启用隐藏的按钮(如字体选择、背景色等):

function custom_editor_buttons($buttons) {
array_push($buttons, 'fontselect', 'fontsizeselect', 'backcolor');
return $buttons;
}
add_filter('mce_buttons_2', 'custom_editor_buttons');

方法二:通过插件扩展

推荐插件:

  • TinyMCE Advanced:提供拖拽式按钮管理,支持表格、搜索替换等高级功能。
  • Advanced Editor Tools:允许自定义工具栏布局,兼容经典和古腾堡编辑器。

3. 调整编辑器样式

为了让编辑界面更符合网站主题,可以通过CSS自定义编辑器内容区域的预览效果:

function custom_editor_styles() {
add_editor_style('custom-editor-style.css');
}
add_action('admin_init', 'custom_editor_styles');

custom-editor-style.css中定义字体、间距等样式,确保编辑时所见即所得。

4. 禁用自动格式化

WordPress默认会自动添加<p>标签和修正HTML代码,可能导致排版混乱。通过以下代码禁用此功能:

remove_filter('the_content', 'wpautop');
remove_filter('the_excerpt', 'wpautop');

5. 添加自定义快捷标签

为频繁使用的内容(如提示框、广告位)创建快捷标签:

function custom_quicktags() {
if (wp_script_is('quicktags')) {
QTags.addButton('highlight', '高亮', '<div class="highlight">', '</div>');
}
}
add_action('admin_print_footer_scripts', 'custom_quicktags');

结语

通过以上方法,你可以将WordPress经典编辑器打造成高效、个性化的写作工具。无论是启用隐藏功能,还是匹配网站设计,自定义编辑器都能显著提升内容创作的流畅度。对于习惯经典编辑器的用户,这些技巧无疑是保持工作效率的关键。