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

PetitQ WordPress教程 2020-4-07 1.22K 0 0

WordPress 5.4 开始，如果你全新安装 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 插件实现，启用插件后，用户可以在用户 - 我的个人资料界面，设置是否启用全屏模式：

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