Step 1: Navigate to the Page Editor<\/h3>\n\n\n\n
To temporarily disable the fullscreen editor for any page, navigate to Pages > All Pages. <\/em>Alternatively, you can disable fullscreen mode for a post by going to Posts > All Posts<\/em>:<\/p>\n\n\n\n You can then either create a new page or post, or open an existing item for editing. By default, the WordPress editor will launch in fullscreen mode. <\/p>\n\n\n\n Now, select the three-dot icon in the WordPress upper-righthand corner. You can temporarily disable the fullscreen editor there, by deselecting Fullscreen Mode<\/em>:<\/p>\n\n\n\n The WordPress editor will immediately exit fullscreen mode, and open the compact view instead. You should then see the WordPress menu and admin toolbar:<\/p>\n\n\n\n WordPress will record this preference in your browser\u2019s temporary storage. If you continue using the same device, web browser, and WordPress account, then fullscreen mode will remain disabled.<\/p>\n\n\n\n If you regularly switch between multiple devices, browsers, or WordPress accounts, then you may find yourself repeatedly disabling the fullscreen editor. If you prefer to use the WordPress compact editor regularly, it may be easier to permanently disable fullscreen mode.<\/p>\n\n\n\n This method does require you to edit your website\u2019s code<\/a>. Before proceeding, it\u2019s a good idea to create a full WordPress backup<\/a>, so you\u2019ll have something to restore in case anything goes wrong. <\/p>\n\n\n\n To get started, navigate to Appearance > Theme Editor. <\/em>This opens a text editor where you can modify your WordPress theme files:<\/p>\n\n\n\n On the right-hand side of the screen, find the functions.php <\/em>file and select it. You can then copy\/paste the following code<\/a> into the bottom of that file:<\/p>\n\n\n\n To save your edit, click on Update File<\/em>. Your changes will be made live immediately. <\/p>\n\n\n\n Whenever you edit a WordPress theme file, there\u2019s a chance you may encounter the following error message<\/a>: \u201cYour PHP code changes were rolled back\u201d. If this occurs, check the line that\u2019s mentioned in the message to ensure that it\u2019s accurate, as this is typically the source of the error.\u00a0<\/p>\n\n\n\n Once you\u2019ve saved your changes, open up any page or post. It should launch in the WordPress compact view automatically. You can now enjoy a distraction-free writing experience.<\/p>\n\n\n\n It\u2019s also worth knowing that you can temporarily switch back to the fullscreen editor at any point. In the WordPress upper-righthand corner, click the three-dot icon and then select Fullscreen Mode.\u00a0<\/em><\/p>\n\n\n\n If you leave fullscreen mode enabled, WordPress will disable the fullscreen editor the next time you open a page or post for editing. To permanently re-enable fullscreen mode, you\u2019ll need to remove the PHP code you added in Step 1 above. <\/p>\n\n\n\n If you’re not comfortable editing the WordPress theme files directly, you can add the required code using a plugin such as Code Snippets<\/a>. Once this plugin is active, you can navigate to Snippets > Add New, <\/em>and then copy\/paste the PHP code into the editor:<\/p>\n\n\n\n Alternatively, you can turn off the fullscreen editor using a dedicated plugin such as Disable Block Editor FullScreen Mode<\/a>. As soon as you activate this plugin, it will disable the fullscreen editor automatically, without requiring any additional configuration.<\/p>\n\n\n\n WordPress is a highly-customizable platform<\/a> that enables you to create the perfect writing environment \u2013 regardless of whether that\u2019s the distraction-free fullscreen mode, or the feature-rich compact view. Of course, there are many other ways to personalize your WordPress website. <\/p>\n\n\n\n At WP Engine, our plans have the settings and features you need to ensure that your website showcases your business in the best possible light. Whether you want access to unique themes, frameworks<\/a>, or expert WordPress support \u2013 we provide all of this on every one of our plans<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":" In WordPress 5.4, the fullscreen editor became the default for all WordPress users. Every time you open a page or a post in your admin area, the editor will appear in fullscreen mode, without the familiar admin toolbar or WordPress menu. While this is great for distraction-free writing, some WordPress users may still want access…<\/span><\/span><\/p>\n","protected":false},"author":297,"featured_media":113723,"template":"","resource-topic":[904,901],"resource-role":[895,896,906,897,903,1296,899],"resource-type":[916],"class_list":["post-113715","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n![\"\"\/](\"https:\/\/lh4.googleusercontent.com\/DSZ0CpR7HE9g-1hj_RTMsZ66awjLNiAtayjRgRSfsUyhlJOwktGQWksMMkAraD5WdovG3wd0hozQkvlARCwoV4HbFCnh8vbK0GudpUTeccs4P5i_5yWPdthcPLLO7qPjkmS4tiUR\")
Step 2: Select Your Preference<\/h3>\n\n\n\n
![\"\"\/](\"https:\/\/lh4.googleusercontent.com\/nUG8tnkSfOHB0m92617NsNLi1mjsCrqb8yNl9FkNqRAKhoeg6_H9wLF-8f5E6Uq-iUYuQ81xQ2xlvcrWLnmCxsah1B2c70lEpyOdMaIhln0Ie6vLRlYzow3-9ph0rPF1PMxtN5p_\")
![\"\"\/](\"https:\/\/lh5.googleusercontent.com\/eAmu9bROTAoSY-Ni8yccZvcLe8henEAwVOdIgIsek3wrTGGcTz-qXlpZ7VA9GyVM7N2_R4g14UkNAU-oQ3BVe6WmeQw9ima7pMzqM05pIj9iCBBMRRuh1J9-j6lpk4xCsjZiRQd0\")
How to Disable the Fullscreen WordPress Editor (Permanently)<\/h2>\n\n\n\n
Step 1: Add Code to Your Functions.PHP File<\/h3>\n\n\n\n
![\"\"\/](\"https:\/\/lh5.googleusercontent.com\/pbiwPp5lRakAPWIot_CO0iegBH-ekYl_pjudG-utObHztIvGoG63qTtaXCUROojJVwne3vFZHUdYFTW_ORT36Yb_90XxqFM2xeQAVakuykpk9tz_f4intGNouNVPdacg48PrRtju\")
if (is_admin()) {<\/code><\/p>\n\n\n\n function jba_disable_editor_fullscreen_by_default() {<\/code><\/p>\n\n\n\n $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' ); } });\";<\/code><\/p>\n\n\n\n wp_add_inline_script( 'wp-blocks', $script );<\/code><\/p>\n\n\n\n}<\/code><\/p>\n\n\n\nadd_action( 'enqueue_block_editor_assets', 'jba_disable_editor_fullscreen_by_default' );<\/code><\/p>\n\n\n\n}<\/code><\/p>\n\n\n\nStep 2: Save the Functions.PHP File<\/h3>\n\n\n\n
![\"\"\/](\"https:\/\/lh6.googleusercontent.com\/f4sgwPRUYBwe_h-KJtIZ1nfuF8yS7nPOrC9B3iRZdNy3_0EGSqH9_fdJPgbfTiNP2gjcKarwVix0aJOG6_gjYrqB5YQ2ahx_ezsURT4Vc9Fa1Dh8xhRsXfNnWg6bq-ImGvE6pbYu\")
Step 3: Check to See If the Fullscreen Editor Is Disabled<\/h3>\n\n\n\n
Step 4: Temporarily Restore Fullscreen Mode<\/h3>\n\n\n\n
![\"\"\/](\"https:\/\/lh5.googleusercontent.com\/z9l7NFw7CulFEW5VkOhnE9JiP4qKHWw1vrrXKrO2ohJy7wKfBJrhQfq8XEkNPD6l0fNrFhWLPTIePkNUSeMo5kYuFuFks5AcOe7fTRXuEawHOl3KXisvY-AR5ANoQN03UC0IPvxY\")
Step 5: Optional: Try a Plugin Instead <\/h3>\n\n\n\n
![\"\"\/](\"https:\/\/lh5.googleusercontent.com\/Bg6X-9JtfgszkqZ1LvpRh5LeETIehtDPWEAbV9XhWT33OPR9OuO_HPBhoX2D1NKgtaEmd-_z7RiKCsjJr6pw57ehcOOJ4f92kD3Ru0OibeS_wAJ-p0nx1v8PsKGm9cPl7IRqnz_o\")
Stay in Control With WP Engine<\/h2>\n\n\n\n