如何在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-12-12
  • WordPress 教学

多语言表单有助于与全球观众沟通,使您的网站更易于使用,并吸引更多用户。本文介绍了如何使用WPForms和Formidable Forms插件在WordPress中创建多语言表单,以帮助您轻松实现这一目标。

閱讀更多
  • 2024-10-21
  • WordPress 教学

如果您在WordPress管理区域或其他地方遇到‘jQuery未定义’错误,不必担心,这是一个常见的问题。本文为您介绍了该错误的原因以及六种解决方法,以便让您的网站恢复正常运行。

閱讀更多
  • 2024-10-17
  • WordPress 教学

越来越多的人倾向于使用语音搜索而不是在搜索栏中输入关键词。语音搜索被认为是在线交互的未来,各种设备上数百万人每天都在使用它。与通过普通SEO优化网站一样,将网站适配语音搜索同样重要。在本文中,我们将深入探讨为什么语音搜索SEO如此重要,以及如何优化您的WordPress网站以捕获这些语音搜索。

閱讀更多

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