WordPress Gutenberg: How to use New Block editor

The first step is making the right choice for your WordPress host. You need a host who offers Managed WordPress hosting rather than shared WordPress hosting. The latter differs as it means that there a number of websites working on a single server.
WordPress Gutenberg: New Block Editor

WordPress 5.0 is a classic editor that replace with brand New block editor called as Gutenberg. Since the readers asked to create a comprehensive tutorial on ‘How to use the new block editor’ WordPress team very well explained the WordPress Gutenberg editor.

 

Want to know how the new WordPress editor help in creating visually stunning blog posts and pages? Dive in

What is WordPress Gutenberg?

It’s a name of the project for the new WordPress block editor that replaces the WordPress TinyMCE editor as the default WordPress editor available in WordPress 5.0. The official name is under development and is now just the WordPress block editor.

For a quick review check, the older WordPress TinyMCE editor also called Classic Editor.

older WordPress TinyMCE editor

 

Here’s the new WordPress Gutenberg block editor

new WordPress Gutenberg block editor

What’s the difference between Block Editor and Classic Editor?

As you see in the above images that they both are entirely different editors for creating content in WordPress. In the classic Editor, the button was similar to Microsoft Word, whereas in new Editor it used a totally different approach called Blocks. In New block editor, the content elements ads into blocks with creating content layouts. User can add blocks in each paragraph, videos, images, audio, lists etc.

How is the new WordPress Gutenberg block editor better than classic Editor?

The new Editor offers a simple way to add different types of content to your post and pages. Let’s say, if you wanted to add a table in your content, then one needs a separate table plugin. But with new Editor, it’s simple to add table block, choose rows and columns with a start adding content. As the new Editor is easy to use and learn, it gives an advantage for start-ups.

Understand how to use a new WordPress block editor like a pro and create great content. 

Use Gutenberg

The Editor is intuitive and flexible for all users. It looks different than the old WordPress editor but has all features that come in old classic Editor.

Create a new blog post using the new block editor

If you’re looking to create a new blog post then simply click on Posts >> Add New menu in WordPress admin. Create a page and go to pages>> add a new menu.

How to add a block in Gutenberg?

In the first block add title. Use the mouse and move the title or press any key to move the pointer. Now start writing. Add a new block button, then click on the top left corner in the Editor. If you’re looking to add block menu with a search bar on top, click on tabs to browse block categories. Or else we can use a keyword to have a quick search.

How working with blocks in the new editor works?

In each block there comes toolbar which appears on top of the league. The button in the toolbar changes depending on the block you’re editing.

Save and Reuse Blocks in Gutenberg

Block comes with a great advantage as it can be saved and reused individually. It mainly helps bloggers who need to add specific content in their articles. To reuse the blocks, you simply need to select reusable blocks option from the menu bar.

Publish and Manage options in Gutenberg block editor

Every post in WordPress contains a lot of metadata. It includes publishing date, categories, featured images, tags etc.

Plugin options in Gutenberg

Before you go with plugin option here you can learn How to Create a WordPress Plugin.

The WordPress plugins take advantages of the block editor’s API to integrate its settings within the edit screen. Few popular plugins work as blocks.

Adding standard blocks in new Editor

Basically, the Editor can do all things that classic Editor can do. Moreover, it can do it a little faster and elegantly than before. For example:

  • It adds image in new WordPress Editor.
  • Add new links in the new block editor.
  • Add an image gallery in Gutenberg.
  • Add short-codes in WordPress post.
Explore new content block in Gutenberg

If you want to solve long-standing usability issues in WordPress, then Gutenberg is here with some new additional blocks. Few favorites users find it useful as the new Editor helps in:

  • Adding an image next to text in WordPress
  • Adding button in WordPress post and pages
  • Adding cover images in blog posts and landing pages
  • Creating tables inside articles
  • Creating multi-column content

Want to use Gutenberg like a pro?

If you’re spending more time in adding and adjusting the blocks, then new block editor is for you. It comes with a faster feature than the basic ones. It allows adding blocks instantly. Few bonus tips include:

  • Move the block toolbar to the top
  • Use Keyboard shortcuts
  • Drag and Drop media automatically with creating media blocks
  • Add Youtube, Facebook, Twitter, Vimeo and other embeds

Quick Summary

Overall, the new Gutenberg WordPress Editor is quite impressive. One can quickly check out the WordPress repository and install in dev. Give it a try to this new Editor. If anything, confuse you or want to discuss your project with us, get in touch to our myWPguys team. We are one click away from you.