为什么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视频教程。你也可以在Twitter和Facebook上找到我们。