如何在WordPress中禁用全屏编辑器

12/31/2023

为什么WordPress切换到编辑器的全屏模式?

WordPress在5.0版本中引入了一个新编辑器,称为块编辑器(也称为Gutenberg)。这个新编辑器允许用户使用块来创建常见元素,并构建美观的内容布局。它还通过使用与你的WordPress主题相同的字体和颜色,来模拟你的文章或页面的外观。

然而,左侧的管理菜单和顶部的工具栏让界面显得有些杂乱。如果你专注于写作内容,这些繁多的选项可能并不必要。为了解决这一问题,WordPress核心团队决定默认将编辑器设置为全屏模式,以便用户可以获得一个无干扰的写作体验。

现在,需要注意的是,这种全屏模式并不是什么新功能。此前,它已经存在,并且用户可以手动开启或关闭。变化在于,现在全屏模式将成为撰写文章时的默认视图。

如何禁用WordPress编辑器的全屏模式(简单方法)

关闭WordPress块编辑器的全屏模式非常简单。只需编辑一篇文章或页面,然后点击位于屏幕右上角的三点菜单。这将显示该文章编辑器的设置菜单。从这里,只需点击“全屏模式”即可将其关闭。

文章编辑器将立即退出全屏模式,并开始显示管理侧边栏和顶部工具栏。WordPress会将你的全屏模式偏好存储在浏览器的临时存储中。不过,如果你切换到不同的浏览器、使用隐身模式或从不同设备访问管理区域,那么你将再次看到全屏编辑器。

如果你使用多个设备、用户帐户或浏览器访问你的WordPress管理区域,那么每次都要重新反复切换全屏模式可能会有点烦人。下一个方法可以永久解决这个问题。

永久禁用WordPress中的全屏模式(代码片段)

这种方法需要你手动添加代码到你的WordPress站点中。如果你之前没有做过这些操作,请参考我们的指南了解如何轻松在WordPress中粘贴代码片段。

你需要将以下代码添加到你WordPress主题的functions.php文件或者一个特定于站点的插件中。你也可以使用自定义代码片段插件来将此代码添加到你的站点中,以避免冲突。

if (is_admin()) { function jba_disable_editor_fullscreen_by_default() { $script = "jQuery( window ).load(function() { const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' ); if ( isFullscreenMode ) { wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' ); } });"; wp_add_inline_script( 'wp-blocks', $script ); } add_action( 'enqueue_block_editor_assets', 'jba_disable_editor_fullscreen_by_default' ); }

推荐使用WPCode插件

在WPressize Me,我们推荐使用WPCode插件来添加这段代码。它使得在WordPress中添加自定义代码变得简单,而无需编辑你的主题functions.php文件,从而不必担心破坏你的网站。

首先,你需要安装并激活免费的WPCode插件。如果你需要帮助,请参考我们的教程了解如何安装WordPress插件。一旦插件激活后,从你的WordPress控制面板导航到代码片段 » + 添加片段。然后,将鼠标悬停在“添加你的自定义代码(新片段)”选项上,并点击其下方的“使用片段”按钮。

接下来,你将进入“创建自定义片段”页面。在这里,你可以为你的片段添加一个标题,并将以上代码粘贴到“代码预览”框中。不要忘记从下拉菜单中选择“PHP片段”作为代码类型。

最后,只需将开关从“未激活”切换到“已激活”,并点击页面顶部的“保存片段”按钮。这段代码首先检查用户是否正在查看管理区域页面。如果是,它将检查全屏编辑器的状态。如果全屏编辑器已开启,它将简单地将其关闭。你仍然可以从文章编辑屏幕手动开启全屏模式,且文章编辑器仍会正常工作。但如果你返回,它会自动将其关闭。这种行为适用于所有可以访问文章编辑器的用户。

我们希望这篇文章帮助你了解如何禁用WordPress文章编辑器中的全屏模式。你可能还想查看我们的WordPress内容编辑器掌握技巧,或者浏览我们专家精选的最佳拖放式WordPress页面构建器。如果你喜欢这篇文章,请订阅我们的YouTube 频道,获取WordPress视频教程。你也可以在TwitterFacebook上找到我们。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>