+44 0330 223 3428
Call Us
+44 0330 223 3428

WPTavern: WordPress.com Updates Its Post Editor With a Distraction-Free Interface

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?



Source: WordPress

Related Post
Matt: On React and WordPress

Matt: On React and WordPress Big companies like to bury unpleasant news on Fridays: A few weeks ago, Facebook announced they have decided to dig in on their patent clause addition to the React license, even after Apache had said it’s no longer allowed for Apache.org projects. In their words, removing the patent clause would […]

Read more
WPTavern: First WordCamp Dublin Set for October 14-15

WPTavern: First WordCamp Dublin Set for October 14-15 photo credit: Ireland.com Following up on the success of WordCamp Belfast last October, the WordPress community in Dublin will be hosting its first WordCamp October 14-15. Both camps began the early stages of planning last year and the two communities have shared some of the same organizers […]

Read more
WPTavern: GitHub Partners with Facebook to Release Atom-IDE

WPTavern: GitHub Partners with Facebook to Release Atom-IDE GitHub announced the launch of Atom-IDE this week, a new set of packages that extend its open source JavaScript-powered code editor to include IDE-like functionality. This first release includes packages that support TypeScript, Flow, JavaScript, Java, C#, and PHP. “The start of this journey includes smarter context-aware […]

Read more

Leave a Reply

Your email address will not be published.