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

WPTavern: Gutenberg 1.0.0 Introduces Drag and Drop for Adding Image Blocks

WPTavern: Gutenberg 1.0.0 Introduces Drag and Drop for Adding Image Blocks

Gutenberg 1.0.0 was released this week as another iteration in the beta period that will continue on with 1.1 next week. Design lead Tammie Lister said the team decided “not let numbers set expectations” and will carry on at the same pace with weekly releases.

One of the most visible UI updates in version 1.0 is the new ability to add image blocks by dragging and dropping them into the editor. They can be placed directly within the content (between blocks) and also onto the image block placeholder. Gutenberg includes a blue line indicator for dropzones where users can place an image.

After testing I found this feature works smoothly but is a little slow. The slight delay of uploading the image after placing it may leave the user confused about what is happening. However, feedback on this particular pull request indicates that the team is working on displaying an immediate reaction to the image having been dropped, instead of waiting for the upload to finish.

This release also merges the paragraph and cover text blocks. Contributors agreed that the two blocks could be easily combined and the colors and font size options from the previous cover block have now been added to the block settings sidebar.

A few other improvements in this release include the following:

  • Reworked color palette picker with a “clear” and a “custom color” option
  • Further improvements to inline pasting and fixing errant empty blocks
  • Added thumbnail size selector to image blocks
  • Added support for url input and align and edit buttons to audio block
  • Restored keyboard navigation with more robust implementation, addressing previous browser issues
  • Added align and edit buttons to video block
  • Show “add new term” in hierarchical taxonomies (including categories)

Overall, the experience of writing within Gutenberg is improving, and the 1.0 release announcement includes an animated gif to demonstrate a user typing in the paragraph block:

The editor is getting better at staying out of the way when a user is writing, but the slightest mouse move within the paragraph block will slide all of the block’s surrounding controls into view. This experience can be a bit jarring, but it may be inevitable unless more of the UI can be buried under the inspector. The paragraph blocks currently display the most commonly used controls for writing text content, but I could see plugins hooking into this to create different types of writing experiences that either add more controls or pare it back to something more minimalist.

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