How to use the new WordPress post editor –


If you’ve ever used WordPress as either a personal blogging platform or a flexible solution to meet the needs for your company’s online presence, you know how easy this tool is to work with.

But for those of you weaned on the WordPress 4.x iterations, the upgrade to the new 5.x releases might be a bit of a shock to the system. Instead of that tried-and-true TinyMCE WYSIWYG (What You See Is What You Get) editor, WordPress has opted for a completely new take on the post editor.

This new editor, called Gutenberg, takes a very different approach to how you create and edit posts with WordPress. And although it might seem a bit overwhelming at first, the new editor was created with absolute simplicity and modularity in mind. With this new tool, everyone (from individuals to software development companies like BairesDev) can create fantastic WordPress entries quickly.

Why the change?

First and foremost, why did WordPress make such a dramatic change in its editor? The decision was made to go with an editor that is more visual in nature, such that those who are less technically inclined wouldn’t have any trouble building a website.

With Gutenberg, the creation of posts migrated from text boxes to blocks. The previous editor ran on a PHP/HTML/CSS platform and did not allow for a visual editing experience. TinyMCE was a text-based editor, and unless the user had coding experience, the customization of pages and posts was nearly impossible. You were limited in what you could do, because of the less-than-flexible editor.

With TinyMCE, you created a post with a title and a body. You could add images and videos inline, and that was about it. You couldn’t customize the layout of the post or page. You were locked in.

With Gutenberg, you are in control of how the page or post is laid out. By breaking everything into blocks, you decide where each block goes and what each of them contains. It’s flexible and far superior to the original editor.

But how do you use it? Let’s find out.

How to use Gutenberg

Remember, it’s all about blocks. Whether you’re creating a post or a page, you do so block by block. When you go to create a new post, you’ll find a default title block (which is required) already there (Figure 1).

gutenberg guide 1Created with GIMP

The default title block in Gutenberg.

Type the title for your new post and then click anywhere outside of that block to reveal the Add Block button (Figure 2).



This article was written by Editorial Staff and originally published on WPArena.

Disclosure: Some of the links in this post are "affiliate links." This means if you click on the link and purchase the product, We may receive an affiliate commission.

Leave a Comment

Your email address will not be published. Required fields are marked *

Show Your ❤️ Love! Like Us
Scroll to Top