How To Permanently Disable The WordPress Fullscreen Edit Mode In Divi Tutorial by Pee Aye Creative

How To Permanently Turn Off The WordPress Fullscreen Edit Mode

This quick code snippet will permanently turn off and disable the annoying full screen WordPress edit mode that was introduced in WordPress 5.4.

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!

9
Last updated Aug 31, 2021 @ 12:27 pm

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.
Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

4 Comments

  1. Barrie Simpson

    Excellent, Nelson another of your little gems to be had. Keep ’em coming when you have the time!

    Reply
  2. Carl Cyphers

    Nelson, This is a perfect solution. I was sick and tired of manually changing it every time.

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Asset 7

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Divi Tutorials On YouTube

Our videos have views! Join subscribers and enjoy over video tutorials!

Visit Our Channel

Recent Posts

How To Properly Update Divi

How To Properly Update Divi

In this tutorial, I am going to explain how to properly update Divi by listing the most important steps to take to ensure peace of mind.

Pin It on Pinterest

0

Your Cart