WordPress Distraction Free Writing Options

Generally post editor in WordPress is congested with toolbar, menus and sidebar widgets and you have many possibilities of getting distracted with these options. Whether you are copy / pasting offline content or directly creating content online with the editor, you need to spend considerable time in front of the editor for creating a site using WordPress.

WordPress Visual Editor
WordPress Visual Editor

Fortunately WordPress does offer some solutions for distraction free writing and this article explains all such possibilities.

  • WordPress Distraction Free Writing Tool

Click on “Distraction Free Writing” icon when you are in the WordPress visual editor.

WordPress Distraction Free Writing
WordPress Distraction Free Writing

The editor will be changed with limited toolbar options and there will be no navigation menu and sidebar widgets displayed in this distraction free mode.

From WordPress 4.1 version, when the distraction free writing icon is clicked menus and sidebar will slide out within the same screen without popping out as a new screen. You can again click the icon to bring the screen back to normal.

You can enable or disable this option under “Screen Options”

WordPress Distraction Free Writing Editor
WordPress Distraction Free Writing Editor

The problem with distraction free editing is that all toolbar icons are not displayed and there is no option to choose what icons you wants to display on mouse over. Width of the distraction free editor is also very small by default which you can adjust using the below keyboard shortcuts:

Windows Keyboard ShortcutMac Keyboard ShortcutFunction
Ctrl + +Command + +Expanding editor width
Ctrl + -Command + -Contracting editor width
Ctrl + 0Command + 0Reset editor to default width
  • Collapse Navigation Menu

If you are not happy with the distraction free editor and looking for the options to optimize the default WordPress editor then you can collapse the navigation menu section to increase the width of editor. Just click on the “Collapse Menu” option available at the end of menu to contract or expand the entire menu section.

Collapse Menu Option in WordPress Editor
Collapse Menu Option in WordPress Editor
  • Disable Sidebar Widgets

Another option to increase the width of WordPress editor is to disable default widgets showing on sidebar or push them below the content. Click on “Screen Options” button available at top right corner and uncheck the boxes to disable sidebar widgets.

Visual Editor Screen Options in WordPress
Visual Editor Screen Options in WordPress

Selecting “Number of Columns” as 1 will expand the width of the editor by pushing all selected widgets below the content.

WordPress Editor Without Menu and Sidebar Widgets
WordPress Editor Without Menu and Sidebar Widgets

WordPress introduced a new function “Expand the editor to match the window height” and enabling this checkbox will result in content scrolling within the height of viewable content area instead of the whole page is scrolling together till the time the end of content is reached.

Editorial Staff at WebNots are team members who love to build websites and share the learning with webmasters community. Follow us on Facebook and Twitter.

Leave a Comment