diTii.com Digital News Hub

Sign up with your email address to be the first to know about latest news and more.

I agree to have my personal information transfered to MailChimp (more information)

Aug032018

“Gutenberg” New WordPress Editor Available to Try

A whole new editing experience to use WordPress is now right here—Meet with the new editor called “Gutenberg” that has been rebuilt for media rich pages and posts.

Gutenberg offers blocks a new tool that bring flexibility for building engaging content. Blocks lets you insert, rearrange, and style multimedia content with very little technical knowledge. “Instead of using custom code, you can add a block and focus on your content,” stated WordPress team.

Gutenberg is more than an editor and helps in build own custom posts and pages as well as provide foundation for customization and site building in WordPress.

A single block is nice—reliable, clear, distinct. Discover the flexibility to use media and content, side by side, driven by your vision.

“blocks” in the Gutenberg basically offers the flexibility to use all the items that are required for building posts and pages in WordPres with including images, multimedia, embedded content and other elements such as shortcodes, widgets, post formats, custom post types, meta-boxes, and others side by side. As an example, you can create a custom “employee” block that a client when drag to an About page will automatically display a picture, name, and bio.

A GIF demonstrating creation of new custom block in Gutenberg:

Create a new block in Gutenberg WordPress Editor

Here is an example GIF animation of inserting blocks in Gutenberg:

Inserting block in WordPress Gutenberg Editor

With blocks the items such as are all easy to search and understand, and easy to dynamically shift around the page, including

  • Media library/HTML for images, multimedia and approved files.
  • Pasted links for embeds.
  • Shortcodes for specialized assets from plugins.
    Featured images for the image at the top of a post or page.
  • Excerpts for subheadings.
  • Widgets for content on the side of a page.

Here’s a seletion of the default blocks included with Gutenberg:

Default Blocks in WordPress Gutenberg Editor

With block the whole editing screen is visible, as opposed to just the content field in the classic editor:

  • The block unifies multiple interfaces. If we add that on top of the existing interface, it would add complexity, as opposed to remove it.
  • By revisiting the interface, we can modernize the writing, editing, and publishing experience, with usability and simplicity in mind, benefitting both new and casual users.
  • When singular block interface takes center stage, it demonstrates a clear path forward for developers to create premium blocks, superior to both shortcodes and widgets.
  • Considering the whole interface lays a solid foundation for the next focus, full site customization.
  • Looking at the full editor screen also gives us the opportunity to drastically modernize the foundation, and take steps towards a more fluid and JavaScript powered future that fully leverages the WordPress REST API.

Gutenberg is begin designed for compatibility with existing WordPress functionality. And, will offer transition paths for shortcodes, meta-boxes, and Custom Post Types.

Some key takeaways include:

  • Authoring richly laid-out posts is a key strength of WordPress.
  • By embracing blocks as an interaction paradigm, we can unify multiple different interfaces into one. Instead of learning how to write shortcodes and custom HTML, or pasting URLs to embed media, there’s a common, reliable flow for inserting any kind of content.
  • “Mystery meat” refers to hidden features in software, features that you have to discover. WordPress already supports a large number of blocks and 30+ embeds, so let’s surface them.

It’s been developed on GitHub using the WordPress REST API, JavaScript, and React. Though, it’s not yet fully functional, feature complete, or production ready. You can try it today, by downloadng the Gutenberg beta in the plugin repository here.

Or, in today’s release of WordPress, 4.9.8, you can use the new section in the dashboard that feature Gutenberg…Just click on the install and activate button to start using the new upcoming content editor. Alternately you can also revert back to the classic editory from the dashboard itself.

Try Gutenberg callout in WordPress 4.9.8 dashboard

You can download or upgrade to WordPress 4.9.8 Maintenance Release here

It will soon become default in version 5.0 of WordPress. The classic editor will be available as a plugin if needed.

Share This Story, Choose Your Platform!

Do NOT follow this link or you will be banned from the site!