Last Updated: 14th Mar 2017
WPTavern: WordPress.com Updates Its Post Editor With a Distraction-Free Interface
WordPress.com has unveiled a refreshed post editor that makes content front and center.
The most noticeable change is the user interface. The sidebar of meta boxes is now on the right-hand side instead of the left. Clicking the Post Settings link hides the sidebar, providing a cleaner interface. The preview and publish buttons are no longer in a metabox and are permanently displayed.
New WordPress.com Post Editor
Drafts are quickly accessible by clicking the number next to the Write button. Hovering over a draft title displays a small excerpt of the post. Unlike the distraction-free writing mode in the self-hosted version of WordPress, sidebars and other items on the screen do not disappear and reappear. This animation has been described by some as a distraction.
Joen Asmussen and MatĂas Ventura, two Automatticians based in Europe, helped create the new interface. In an interview conducted by John Maeda,Â Global Head of Computational Design and Inclusion at Automattic, Asmussen describes what heâs most excited about with the improvements.Â
âEverything has a right place,â Asmussen said. âIn this iteration, weâve tried to find those places for the preview and publish buttons, as well as the post settings. By making the buttons permanently visible and the sidebar optionally toggled, my hope is that the combination will provide a seamless flow for both the person who just wants to write, as well as the person who needs to configure their post settings.â
Ventura says he is happy to bring the focus back on the content by placing it in the center. âIâm also fond of the recent drafts menu next to the âWriteâ button, as it provides a quick way to carry on with your unfinished posts,â he said. âThese editor refinements have the potential to let your work on WordPress keep you deeply in the productive state of flow.â
The core team continues to work on a block based editor for the open-source WordPress project and Asmussen hints that this approach to writing could one day end up in the WordPress.com post editor.
After testing the new editor on WordPress.com, I can say that itâs more enjoyable to use than the distraction-free writing mode in WordPress. Thereâs less distraction, meta boxes are either on the screen or theyâre not, and I enjoyed writing without interface elements disappearing and reappearing on the screen.
If youâd like to try the new editor on a self-hosted WordPress site, you can do so through Jetpack. Visit the Jetpack dashboard in the WordPress backend, click on the Apps link, then click the Try the New Editor button.
After using the new editor, let us know what you think. How does it compare to the writing experience currently in WordPress?