Use Our Snippet To Permanently Turn Off WordPress Fullscreen Edit Mode
If you are as annoyed as I am with the changes that came in WordPress 5.4, then this snippet is for you! I’m going to show you how to permanently disable the fullscreen mode that is unfortunatley turned on by default when editing posts and pages in WordPress.
Join subscribers on our YouTube channel and enjoy other Divi video tutorials!
Disable The WordPress Fullscreen Editor
All we have to do is add the following code snippet to your Divi child theme. If you don’t have one yet, you can use our basic free child theme here.
Go to the functions.php file in the child theme. You can access this by ing to Appearance>Theme Editor. Paste the following code snippet there below any other existing code in that file.
if (is_admin()) {
function pa_disable_fullscreen_wp_editor() {
$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', 'pa_disable_fullscreen_wp_editor' );
}That’s all you have to do! Now you won’t be bothered by it, and it should never show up again when you create new posts or pages!
Excellent, Nelson another of your little gems to be had. Keep ’em coming when you have the time!
Thanks Barrie, I worked on about 10 more tutorials this week to be posted 🙂
Nelson, This is a perfect solution. I was sick and tired of manually changing it every time.
You’re welcome, I’m getting annoyed by WordPress lately as you can see 🙂