Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
25 Million+
Websites using our plugins
Years of WordPress experience
WordPress tutorials
by experts

How to Use Distraction Free Fullscreen Editor in WordPress

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Do you want to use the distraction-free fullscreen editor in WordPress?

WordPress comes with a built-in distraction-free mode for writers. This feature hides unnecessary elements and gives you a fullscreen canvas to create content.

In this article, we will show you how to easily use the distraction-free fullscreen editor in WordPress.

Use the distraction free full screen editor in WordPress

Why Use the Distraction-Free Fullscreen Editor in WordPress?

Writing your blog posts is a creative process that requires attention to detail and concentration. However, many writers feel distracted by the on-screen elements of the WordPress writing interface, like buttons, columns, toolbars, and more.

When writing a post on your WordPress website, you can use the default distraction-free, spotlight, and fullscreen modes in the block editor for a clutter-free and clean writing interface.

Distraction free mode preview

Using these features can help you focus on your writing and improve productivity by removing distractions like the block panel, block menu, and WordPress admin sidebar. You won’t even have to use a WordPress plugin for it.

As a writer, this can make the writing process a lot more enjoyable and relaxing for you.

That being said, let’s see how to easily use the distraction-free fullscreen editor in WordPress. We will cover methods for both the block and classic editor, and you can use the quick links below to jump to the method you want to use:

How to Use the Distraction Free Fullscreen Editor in WordPress Block Editor

If you use the WordPress block editor to write your posts, then you can easily turn on the distraction-free mode by opening up a new or existing post in the editor.

Once you are there, click on the three dots icon on the top right corner of the screen.

This will open a prompt where you will notice that the fullscreen mode is already enabled by default.

Full screen mode is already enabled

If you uncheck this option, then the WordPress admin sidebar will be shown on the left side of the content editor.

However, we recommend leaving this setting as it is.

Exit the full screen mode

You can also enable the distraction-free mode in the WordPress editor by clicking on the three dots at the top.

Next, check the ‘Distraction free’ option from the dropdown menu.

Distraction free mode

Once you do that, the block panel settings on the right and the block menu settings on the left will automatically disappear from the screen.

You will now have a completely clean canvas to start writing your post.

Enable the distraction free mode in the block editor

When you are done writing and want to exit the distraction-free mode, you can also do that by simply hovering your mouse at the top.

This will display the menu at the top of the block editor, where you can click on the three-dot icon to open the dropdown menu. Then, deselect the ‘Distraction free’ option.

Now that you have learned how to enable the fullscreen and distraction-free modes in the WordPress Gutenberg editor, it’s time to activate Spotlight mode.

This mode only highlights the current block that you are working on and dims all other blocks, allowing you to easily focus on one block at a time.

To activate Spotlight mode, simply click the three-dot icon at the top right corner of the screen and select the ‘Spotlight mode’ option.

Enable the spotlight mode

Once you do that, the post editor will only highlight the block that you are currently working on, while the rest will fade in the background.

For example, if you are writing a blog post and currently adding some screenshots or images, then only the Image block will be highlighted on the screen, while the Paragraph blocks will fade out.

Spotlight Mode highlights one block at a time

You can now write your blog post without distractions in the WordPress block editor.

However, keep in mind that there is a toolbar that you will still see on the screen in distraction-free mode. This toolbar allows you to add new blocks, undo changes, and show an outline of your article.

Distraction free mode preview

Once you are done, don’t forget to click the ‘Publish’ or ‘Update’ button to store your settings.

Now, the distraction-free settings that you have configured will automatically be implemented for all the posts and pages that you edit in the block editor.

How to Use the Distraction Free Fullscreen Editor in WordPress Classic Editor

If you are still using the old WordPress classic editor, then you can use this method to activate the distraction-free, fullscreen editor.

To do this, just open a new or existing post of your liking in the classic editor.

Then, click on the ‘Distraction-free writing mode’ button in your post menu bar.

Enable distraction free mode in the Classic editor

WordPress will now convert the screen into a clutter-free, fullscreen editor.

The fullscreen editor has a minimalist layout. It has a menu bar on top of the screen with text formatting options and even lets you easily switch between the visual and text editors.

Distraction free mode preview in the classic editor

However, the fullscreen editor does not have a Publish button or any meta boxes to choose categories and tags.

Once you are done, you can easily exit the distraction-free mode by hovering your mouse on the left or right side of the screen.

On doing that, all the hidden settings and the WordPress dashboard will become visible.

Now, simply click the ‘Update’ or ‘Publish’ button to store your post settings.

Exit distraction free mode in the classic editor

Bonus Tips for Using the WordPress Block Editor

Other than enabling the distraction-free mode, you can use some other features in the block editor to improve your productivity.

You can use keyboard shortcuts to create content more quickly. For example, simply type / into the content editor, followed by the name of the block you want to use.

The block editor will then show you blocks that you can insert straight into your content by clicking on them.

Insert block keyboard shortcut

You can also use the reusable blocks feature to save any content block and reuse it in other posts and pages on your WordPress site.

This can save you lots of time and effort.

Creating a reusable block in WordPress

To become a complete pro at using the post editor, see our step-by-step guide on how to use the WordPress block editor.

We hope this article helped you learn how to use the distraction-free fullscreen editor in WordPress. You may also want to see our beginner’s guide on how to check grammar and spelling mistakes in WordPress and our expert picks for the best Gutenberg blocks plugins for WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

11 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    It’s a great method. I learned to write only in an ordinary Windows text editor. Nothing distracts me there at all. Then I just copy it into WordPress, edit the captions and add the media. It’s a great way to stay away from distractions. This is very close to it, and I strongly believe that this can really increase the productivity and focus of writing.

  3. Ralph says

    This is great solution for productivity. No distractions of any sort, just pure creation. I used to write in word and then copy paste it to wordpress but with this feeling of blank paper i think i will write straight in wordpress.

  4. Ahmed Omar says

    This is a good option
    It is my first time to notice this option in classic editor.
    I have question about, how to control the distance between the lines in the paragraph, also classic editor has limited sizes for writing how to have more sizes.
    Thank you

  5. Aveherer Finereferg says

    I don’t know why but the full-screen option makes the text invisible when I am writing it. It is actually very distracting and I can’t turn it off universally for all of my posts

    • WPBeginner Support says

      If it is removing the post content then you may want to try disabling your plugins and swapping themes to see if there is a conflict due to one of those.


  6. Palla Sridhar says

    I was fooled by article title thinking its about the old style WordPress editor. But lucky charm, it helped me to get to know the features of the new Block editor. Thank you very much.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.