New WordPress Gutenberg Editor Tutorial


Author: VEONIO

December 26, 2018

WordPress has released a new content editor called Gutenberg.  This New update can be confusing for people who don’t like changes but easy for those who like modern innovation.

If you are already WordPress user you just need to upload new Gutenberg editor going to Plugins => Add new => Search for Gutenberg => Install now => Activate. With the WordPress 5.0 version, Gutenberg editor will already be installed for you. This editor is a more intuitive editor with much more features to create a rich content. You are able to make your content more stylish and personalized.

Gutenberg Editor

Let’s start with the basic explanation of Gutenberg editor

Gutenberg editor has completely changed the way of editing by transferring to a block-based approach with content. So what are blocks? Blocks are every paragraph (regular text), image, video,  & button displayed in a separate square block which you can move using drag and drop function.

On the left side up you can see a little + icon which you can click and then choose the block you need for your content. Type the name of the block you are looking for in a search area to easily find it.

Gutenberg Editor

There is also an easy way to create a block by clicking + on the block (the left side).

Gutenberg Editor

The little icon “i” in a circle shows you information about your content how many words you used, headings, paragraphs and number or blocks to better structure your content.

Gutenberg Editor

If you want to change the permalink you need to click on the title and the option will be displayed in the upper section.

Gutenberg Editor

On the right-hand up you can find 5 buttons. First one is to save a draft you are working on. Next, you have buttons to Preview, Publish your content, Settings which will be displayed after clicking the button. Under the Document overlap, you have standard settings that you used before e.g. status & visibility, permalink, categories, tags, featured image. Block settings are separated for every block you are able to change the font size, color of the block, gallery settings, and many others depending on what kind of block you are creating at the time.

Gutenberg Editor

The last is a button with 3 vertical dots and that are additional settings. If you don’t like to use the visual editor you can change for the code editor here.

Gutenberg Editor

Under the Document, you have standard settings that you used before e.g. status & visibility, permalink, categories, tags, featured image.

To add another block you can press + above and choose what kind of block you want to use. But if you click on your block for example paragraph and press enter then you will create a new block. Clicking on the left plus icon you will see the list of the available blocks. On the upper right-hand side, you can see three icons and that’s the most used icons and they will dynamically change while using the blocks because they are 3 most recently used blocks. You can easily click on it and change the format of your block.

Gutenberg Editor

As we can see above Gutenberg editor is significantly developed. I really like the option widgets because it enables you to add your own products to the content. So you can promote your products in the articles and it costs you nothing.

Gutenberg Editor, Gutenberg Products

Click on the block and on the left upper hand side there will appear a pencil icon and three vertical dots. The pencil is to edit your block so you can change some things. The dots icon has more options so you can see block settings, duplicate the block, move your block before or after other blocks (there is also drag and drop option), edit as HTML, add to reusable blocks or delete the block.

Gutenberg Editor

After this brief explanation, I hope I have brought clarity to you regarding the Gutenberg editor. It looks complicated but in my opinion it is intuitional and quite easy to use. It’s great that we have more options to edit our content and make it more valuable and interesting. If you still don’t know how to use Gutenberg editor you can contact us and we will be very happy to guide you.

Free 30-minute strategy call

VEONIO is the most ruthlessly effective agency for scaling your business. Are you hungry enough for growth than you can handle? Then hit the button below.

Grow 10x faster, better & smarter

If you like our articles, you'll love our other insights to simplify, optimize and scale your business for growth in virtually all areas. Hit subscribe and get business knowledge bombs dropped straight into your inbox!

Not enough insights for you?