首页 > 文章专栏 > 正文

如何轻松移除WordPress可视化编辑器模式(简单方法)

WordPress 的可视化编辑器对新手很友好,但当你需要精确控制内容格式时,它往往会碍手碍脚。

无论你是粘贴代码片段、处理自定义 HTML,还是单纯喜欢纯文本编辑的简洁,移除可视化编辑器都能提升你的工作效率。

好消息是?经过大量测试,猫哥发现了一个简单的方法来禁用可视化编辑器,让你直接使用干净的、面向代码的文本编辑器。

在本指南中,猫哥将基于实际操作经验,教你如何在 WordPress 中彻底移除可视化编辑器

在 WordPress 中移除可视化编辑器模式

快速解答:如何移除 WordPress 可视化编辑器

猫哥发现,最简单、最安全的方法就是使用 WPCode 插件。通过这种方法,你可以添加一行简单的 PHP 代码片段来仅为你的用户账户禁用编辑器,而无需修改主题的 functions.php 文件。

为什么要移除可视化编辑器?

有些 WordPress 用户希望移除可视化编辑器,以避免多余的格式并更好地控制 HTML。可视化编辑器可能会自动插入样式或额外的标签,如果你希望保持代码干净精确,这可能会造成麻烦。

默认情况下,WordPress 会打开可视化编辑器。这种模式会显示一个样式化的“所见即所得(WYSIWYG)”界面。你可以添加文本、图片、视频、按钮等区块。它还提供了格式化工具,用于更改文字颜色、调整排版、对齐内容以及嵌入媒体。

WordPress 可视化编辑器模式

虽然这种模式对大多数用户很有帮助,但有时会应用意外的格式或创建难以清理的额外 HTML。

代码编辑器则提供了更简洁的界面。它不显示区块,而是显示内容背后的原始 HTML。没有格式化按钮,也没有预览——只有纯文本和标记。

WordPress 代码编辑器模式

这使得它非常适合那些希望完全控制内容结构和样式、而不需要在编辑模式之间来回切换的用户。

现在,让我们看看如何禁用可视化编辑器并默认使用代码编辑器

如何移除 WordPress 可视化编辑器模式

你可以通过向主题的 functions.php 文件添加自定义代码来关闭可视化编辑器。但这有风险,因为即使是一个小错误也可能导致网站崩溃,并让你无法登录后台。

这就是为什么猫哥推荐使用 WPCode,它是最好的 WordPress 代码片段插件。

与直接编辑主题文件不同,WPCode 允许你安全地添加自定义代码,而无需触碰核心文件。更棒的是,它内置了错误处理机制。如果出现问题,WPCode 会自动禁用有问题的代码片段,确保网站正常运行。

正是这些功能让猫哥认为 WPCode 是添加自定义代码最安全、最简单的方法,尤其适合新手。

你也可以查看猫哥的完整 WPCode 评测,了解更多使用体验。

需要注意的是,这段代码片段只会禁用你当前用户账户的可视化编辑器。这是因为 WordPress 中的 user_can_richedit 过滤器是按用户检查权限的。你网站上的其他用户仍然可以使用可视化编辑器,除非你对他们也应用了这段代码。

首先,你需要安装并激活 WPCode 插件。具体步骤请参考猫哥的教程:如何安装 WordPress 插件

注意:WPCode 的免费版本包含本教程所需的所有功能。不过,随着网站发展,你可以考虑升级到 WPCode Pro,以解锁强大的功能,例如智能条件逻辑、云端代码库以及定时执行代码片段。

激活后,从 WordPress 后台进入“代码片段 → + 添加片段”页面。在这里,点击“添加自定义代码(新片段)”选项下的“使用片段”按钮。

选择‘添加自定义代码(新片段)’选项

这将带你进入“创建自定义片段”页面,在弹出窗口中选择“PHP 片段”作为代码类型。然后,为你的片段添加一个名称,建议使用清晰描述性的名称,例如“禁用可视化编辑器”,以便日后识别。

在 WPCode 中选择 PHP 片段

接下来,将以下自定义代码粘贴到“代码预览”框中:

// 强制为当前用户关闭富文本编辑器
add_filter('user_can_richedit', '__return_false');

// 强制为当前用户开启富文本编辑器(注释掉,不需使用)
// add_filter('user_can_richedit', '__return_true');

		Hosted with ❤️ by WPCode

这段代码会关闭你当前用户账户的可视化编辑器,让 WordPress 在编写文章或页面时只显示代码编辑器。这意味着你将看不到任何格式化按钮或区块选项——只有内容的原始 HTML 视图。

之后,将开关从“未激活”切换到“已激活”,使代码生效。然后点击“保存片段”按钮存储更改。

激活代码片段以移除可视化编辑器

现在,在区块编辑器中打开一篇新文章或页面。你会发现可视化编辑器已被禁用,代码编辑器成为默认模式。

注意:如果你使用的是经典编辑器,也无需担心。你仍然可以按照上述步骤禁用可视化模式,使用 WordPress 的纯文本编辑器。

在这种模式下,你将看到内容的原始 HTML,这意味着它不会像可视化编辑器那样有常见的格式或样式选项。例如,一个段落区块在编辑器中看起来是这样的:

<!-- wp:paragraph --><p>这是我的段落。</p><!-- /wp:paragraph -->

你还会注意到“添加区块(+)按钮”被禁用了。这是因为你现在处于代码编辑器模式,它显示的是区块的原始 HTML,而不是可视化界面。

代码编辑器预览

如何重新启用可视化编辑器模式

如果你想重新启用可视化编辑器,只需在 WPCode 仪表盘中禁用关闭可视化编辑器的代码片段即可。在 WordPress 后台进入“代码片段”页面,找到该片段,将其开关切换到“关闭”。

停用禁用可视化编辑器的代码片段

禁用后,WordPress 会自动为你的用户账户恢复可视化编辑器——无需额外步骤。

WordPress 可视化编辑器模式

额外技巧:使用 WordPress 无干扰模式

既然你已经在代码编辑器中工作,你会发现你根本不需要使用侧边栏的区块设置。那个侧边栏可能会成为不必要的干扰。这时,WordPress 内置的“无干扰模式”就派上用场了。

它会隐藏所有不必要的元素,为你提供一个干净的全屏工作空间。这让你可以完全专注于内容,提升写作时的专注力、创造力和生产力。

激活无干扰模式

要激活此模式,只需在区块编辑器中打开一篇文章或页面,点击右上角的三个点图标,在下拉菜单中选择“无干扰”选项。

完成后,你就可以在干净无干扰的画布上编写内容了。了解更多,请查看猫哥的教程:如何在 WordPress 中使用无干扰全屏编辑器

关于 WordPress 编辑器的常见问题

如何禁用 WordPress 可视化编辑器?

最简单的方法是使用 WPCode 这样的插件添加一段 PHP 代码片段。这样无需直接编辑主题的 functions.php 文件,即可默认切换到代码编辑器。

如何去掉 WordPress 中的“屏幕选项”?

在 WordPress 后台页面右上角点击“屏幕选项”选项卡,从下拉菜单中取消勾选你想隐藏的选项框即可。

如何禁用 WordPress 文件编辑?

在 wp-config.php 文件中添加以下代码:

define('DISALLOW_FILE_EDIT', true);

这是保护网站免受未授权代码更改的推荐安全措施。

猫哥希望这篇文章能帮助你了解如何在 WordPress 中移除可视化编辑器模式。你可能还想查看猫哥的终极指南:如何使用 WordPress 区块编辑器,或猫哥精选的最佳 Gutenberg 友好型 WordPress 主题

文章标签:#WordPress#WPCode#代码编辑器#可视化编辑器#编辑器禁用

版权声明:本文为「猫哥建站」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

本文链接:https://maogeo.top/blog/如何轻松移除wordpress可视化编辑器模式(简单方法)