WordPress基础教程

如何禁用WordPress中古腾堡编辑器的全屏模式

发布时间:2020-04-08 9:49:04

本文作者:

WordPress 5.4 开始,如果你全新安装WordPress,你会发现,当你发布文章、页面时,会默认进入到全屏编辑模式。

随着古腾堡编辑器逐步进行的全站编辑功能,编辑器左边显示过多的菜单选项,会让编辑界面看起来很杂乱,所以WordPress团队决定默认进入全屏编辑模式。但是这个功能可能对于一部分用户来说,并不够友好,所以让我们一起来看下,如何禁用全屏编辑模式。

手动禁用全屏模式

如何禁用WordPress中古腾堡编辑器的全屏模式

如上图所示,要关闭全屏编辑模式,可以在编辑界面,点击右上角的三点图标,然后取消勾选“全屏模式”即可。你的这个选择会保存在浏览器数据中,也就是你还在用这个浏览器和这个用户登录的时候,就不会默认全屏编辑了。

如果你还想切换到全屏模式,只需要再次勾选全屏模式即可。

全局禁用全屏模式

但是如果你换一个浏览器或另一个账户登录,你还是会发现,默认还是全屏模式,你还是需要再次取消全屏模式。要解决这个问题,可以将下面的代码添加到当前主题的 functions.php 或你的插件文件中,就可以默认全局禁用掉全屏模式:

//默认禁用编辑器的全屏模式
function jba_disable_editor_fullscreen_by_default() {
    if (is_admin()) { 
        $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' );

以上代码就可以让整个网站后台全局禁用全屏模式,所有用户都生效。当然了,每个用户还可以在编辑界面手动切换为全屏模式。只不过,默认都是进入到非全屏模式。

让用户设置是否开启全屏模式

但是如果网站有多个用户或管理员,我们想让用户自己选择是否默认启用全屏模式,可以借助 Blockeditor Fullscreen Mode Control 插件实现,启用插件后,用户可以在 用户 – 我的个人资料 界面,设置是否启用全屏模式。

这个设置值是独立于每个用户的,只要是这个用户登录,不管是不是在新的浏览器,都会调用这里的设置来决定是否启用全屏模式。当然了,用户还是可以在编辑器界面手动切换为全屏模式或取消全屏模式的,并且最后选择的模式都会保存到用户设置中。

好了,根据你的需要选择对应的方法吧!

小兽wordpress凭借多年的wordpress企业主题制作经验,坚持以“为用户而生的wordpress主题”为宗旨,累计为2000多家客户提供品质wordpress建站服务,得到了客户的一致好评。我们一直用心对待每一个客户,我们坚信:“善待客户,将会成为终身客户”。小兽wordpress能坚持多年,是因为我们一直诚信。我们明码标价(wordpress做网站需要多少钱),从不忽悠任何客户,我们的报价宗旨:“拒绝暴利,只保留合理的利润”。如果您有网站建设、网站改版、网站维护等方面的需求,请立即咨询右侧在线客服或拨打咨询热线:18907337671,我们会详细为你一一解答你心中的疑难。

相关文章

写给所有互联网营销朋友的一封信

写给所有互联网营销朋友的一封信

2020年,我希望和更多的朋友,更多的营销从业者一起探讨企业的互联网营销。我想要所有的人都可以以最低的成本进去互联网,并且以最快的效率去做互联网营销。如果你也有兴趣和激情做互联网营销,请让我们并肩同行。

点击查看详情

准备开启WordPress网站建设推广?

我们相信高端漂亮的网站不应该是昂贵的,这就是wordpress对每个人都是免费的原因
wordpress建站免费入门,并提供价格合理的wordpress建站套餐。