Gutenberg, the long awaited upgrade to WordPress is here. The traditional page and post editor you’re familiar with has been replaced by block-based editor. This new block-by-block building style is more modern, but you may find yourself struggling to create posts and pages.
Want to see what you’re in for when you upgrade? Get a look at the new block approach to creating a blog post.
This article includes a video demonstration as well as a detailed look at the new page builder. View the video embedded for a walk-through of how blocks work when creating a post.
What is Gutenberg for WordPress?
Gutenberg is the new WordPress builder for pages and posts. The classic editor you are familiar with has been replaced with a new and more modern tool.
Instead of creating posts and pages using what feels like a text box and making edits to individual elements of your post or page, each element is built using blocks.
For example, you would previously select text and change it to a heading.
With the new editor, you choose the header block and then add your paragraph text. The result is nearly identical to what you created with the classic editor.
Block Types in WordPress Gutenberg
When creating a page or post using Gutenberg, you will choose a type of block to add and then the specific block. You can browse by category or use the search feature.
Paragraph text, quotes and images are all added using blocks. For a full description of each type of block, visit this article.
Depending on the plugins you have installed, you may have additional blocks available. For example, the Atomic Blocks plugin for the Atomic Blocks theme (FREE) gives you a custom set of blocks to add to posts and pages.
This is an example of the Atomic Blocks (AB) Call To Action. With Gutenberg, it is easy to build a post or page from individual blocks and create a visually appealing product.
New Functionality with WordPress Gutenberg Blocks
The ease of using blocks to build pages and posts makes for a different, but improved experience. For example, there is a block to easily add a button to your page or post.
There is a learning curve with using the blocks, but the format is fairly intuitive. If you are familiar with using SquareSpace, this new editor will feel very familiar.
Once you have added a block, you can move the block up or down with a hand drag tool or arrows. This makes it easy to rearrange content.
To make additional changes to a block, you can access settings for each block. Click the three dots after selecting the block you wish to edit.
When adding a new block, you can easily specify if you want the block positioned above or below the current block or at the end.
There is also a convenient “Classic” formatting block you can add if you want to go retro and create a post using the older look and feel.
The new builder has been in development and testing for a long time. A great deal of time and effort has been put into modernizing WordPress’s core page builder. You can stick to classic, but once you give the new builder a try, you might find that you have no plans to return.
Here’s some insight from an RD already using Gutenberg
I love the cover feature in blocks because it allows you to write on images to create eye catching informatics and content. It makes it easy and you don’t necessarily have to use another editor like Canva or Picmonkey to put text in your images. – Maggie Farley MA, RD from MealswithMaggie.com
Gutenberg with Page Builders
One popular option with the prior WordPress builder was to use a third party page builder. The WYSIWYG (what you see is what you get) drag and drop approach has long made it easier to create appealing pages within WordPress.
Here is an article about Gutenberg that addresses page builders like Divi and Elementor builder.
Gutenberg represents the future for WordPress and significantly modernizes the approach to posts and pages.
Upgrading the latest version 5.0 or later of WordPress will give you access to blocks. You can always revert back to the classic editor with the available plugin.
Be sure to grab a copy of my FREE e-book, “Leveraging Digital Goods: More Money, More Business” with a BONUS getting started checklist. Enter your email below!