How to Disable Fullscreen Editor in WordPress 

In the latest version of WordPress, version 5.4, the page editor automatically opens in full-screen 
mode. The purpose of this was to enable users to erase on-screen distractions while they work on 
their WordPress website. Also, earlier there were side panels on the left and top part of the screen
and this gave a cluttered look. WordPress developers then decided to make the page editor screen 
into a full page by default. To get rid of this full-screen ability, there is no need for complex 
WordPress template customization or modifying in-built code. 
woman sitting while using laptop
It was during the updated version of WordPress 5.0 that a new editor knows as the Block Editor was introduced. It is more commonly known as the Gutenberg Editor. The added functionality to this new editor was the permission given to users to get rid of mundane components on their web page and 
focus more on creating attractive content. 
The clarity offered was perfect as the content layout could be compared with the current theme that
has been adopted on the website. Some people may not want these added features to be visible on
their screen at all times and can follow either of the two methods to disable the full-screen editor. 
What you are about to learn has always existed and is not a new addition to the WordPress world. 
The only difference is that the full-screen editor has been made a default option by WordPress, so
you have to either disable this via code or via settings. 
Disabling the Full-screen Editor via Settings 
 
When you try and edit a post or a page you will see a three-dot menu on the top right corner of your
screen, right next to the gear icon. Click on these three-dots and then choose the full-screen mode, 
when the green tick mark vanishes then the editor will automatically exit the full-screen mode. This
will regrant you access to the admin sidebar on the left-hand side and the toolbar on the top.  
The drawback of this method is applicable to those users who access their WordPress accounts
through multiple devices, several user accounts, and different browsers. They would have to do this
each time they open the WordPress application or switch to incognito, irrespective of device, 
browser, time of day, etc. This happens because the change you make is only stored in the temporary
storage location of the browser.  
Constantly disabling the full-screen editor setting can prove to be frustrating. This is why you can opt
for a long-term solution to this problem. Although fixable, simply make sure not to make any error as
messing up the functons.php file can ruin your website. 
Disabling the Full-screen Editor via accessing the functions.php file 
 
This method calls for some coding on your behalf on your WordPress website. Keep in mind, there is
no need to hire a WordPress developer. Do not worry as you will not have to type in any code by
using your brains, but merely copypaste the relevant snippet into your 
functions.php/capabilities.php file. You can also paste the code into your site-specific plugin. To
make matters easier and less dangerous for the safety of your website, you can use the code snippet
plugin and export it to the file via front-end buttons on your dashboard.   
The following is the code snippet to be pasted   
if(is_admin()) {  
    functionjba_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‘); 
} 
 
To start with, the code will verify if the user is currently viewing the admin panel on the page of the
website. If they are, then it checks whether the full-screen editor is enabled or disabled. If enabled, 
then it automatically gets turned off each time it is detected as enabled. This ensures that even if 
you use several devices to access your WordPress editor, several user accounts, several browsers or 
keep switching to incognito  you would not have your editor set as in default full-screen mode.  
To simplify matters of not having to access the functions.php file, you can download and activate the 
Code Snippets plugin on your WordPress website. WordPress template customization, publishing
tools, media management, URL accessibility can all be easily modified by the Code Snippets plugin. 
Once installed, you will see an additional button under your dashboard and it will be called
snippets. You can add new snippets of codes in this section by clicking on the add new button. 
Once your code snippet has been typed and saved, you can export it to the code of your website. If
you want to tweak some functionalities and settings within the plugin you can access the settings of
the Snippets option and alter functionality based on your needs.  
Leave a Reply