How to automatically disable Fullscreen Mode in WordPress

If you just started using WordPress 5.4 or later you probably noticed that everytime you’re creating a new post or page Gutenberg editor is open in Fullscreen mode. There are no menus on the left, and for some it might be quite annoying.

Of course You can disable the Fullscreen mode in every single post or page, but it’s not ideal solution. Here’s how you can permanently disable Fullscreen mode in WordPress editor by default.

How to automatically disable Fullscreen Mode in WordPress editor using plugin

The easiest and most straightforward way to automatically disable Fullscreen mode in WordPress Gutenberg editor is to install plugin that does exactly that.

Go to Plugins >> Add New, and enter Blockeditor Fullscreen Mode Control (plugin link) to the search field at the top right of the page. Search results will show you the extension, and everything what’s left will be to install and activate it.

disable wordpress fullscreen mode using pluginAfter activating the plugin Fullscreen Mode will be disabled by default.

You could enable it again on individual posts (or pages) in the post’s More Tools and options tab.

enable or disable fullscreen mode in wordpress gutenberg editorHow to automatically disable Fullscreen Mode in WordPress editor using functions.php

If you don’t want to install a third party plugin for disabling Fullscreen mode, you can do the same by adding a function to your theme’s functions.php file.

This way is equally fine but you should know that if you don’t use child theme in your WordPress website you’ll probably lose these changes after installing theme updates. Anyway, here’s how to do it via functions.php:

  1. Go to Appearance >> Theme Editor. If you’re there for the first time you’ll ne noticed that editing theme might be dangerous. No worries, click I understand.

wordpress theme editor2. Click on functions.php on the right side of the screen, and enter this code to the end of the file:

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

Don’t forget to click Update File button. The file should look like this:

disable fullscreen mode in wordpress using function in functions.phpThat’s it – now all the new posts and pages won’t have Fullscreen mode enabled unless you do so.