WordPress Gutenberg is an editor that focuses on content blocks. While some have struggled with the learning curve, others adopted it right away.
My personal favorite element of WordPress Gutenberg is the ability to save block for use later. Make one update to that block and every page that contains that block is also updated.
This WordPress Gutenberg guide will introduce you to the many uses of content blocks.
The structured data blocks from YOAST Elements are also very powerful when considering SEO.
To insert a block, find the plus sign on the dashboard. It will appear when you hit enter or return to add a new section.
If you don’t see the plus sign, you may need to go to Settings to activate blocks.
When you first click to add a content block, you’ll see the common ones you are used to in the classic editor. Once you begin using the blocks, your most-used will appear at the top.
If you want to delete a block that you added, simply click the 3 dots to the right and choose delete.
Moving Content Blocks
Moving content blocks around the page is very easy. Each has a drag and drop feature as well as arrows that move it up or down one position at a time. Simply click on your block and find the up and down arrow to the left. The middle dots provides the drag and drop option.
Saving a Content Block
After you add a content block that you would like to save, click on the 3 dots in the upper right-hand corner of the block. Choose the option add to reusable blocks. When you want to use a reusable block, you can search by keyword or open all reusable blocks.
FAQS Structured Data Block
When your blog post is ranking well on Google, adding a YOAST structured data block such as FAQS can improve your snippet (preview) on the SERP (Search Engine Results Page).
Here’s what a snippet on a SERP looks like when it is a basic preview and is not a rich snippet.
Here is a snippet when it appears on the SERP a rich snippet with the FAQ structured data block.
- Build a website that is focused on a niche
- Create a blog post or page that ranks on page one of Google’s search engine result page [SERP]
- Add the YOAST plugin to your website
- On your blog post or web page, click the + to add a content block (this is a WordPress Gutenberg feature)
- Choose the faq structured data content block that is populated by YOAST
- Make an expansive list of unique frequently asked questions that would be valuable to the visitor.
How-To Structured Data Block
Also through YOAST is the How-To Structured data block. This would be great for a recipe or step by step tutorial. It can result in a rich snippet on the Search Engine Results Page as well.
Another content block favorite is the BUTTON Block which allows you to add a call to action button to your post and page. You can change the background and text color as well as the button style. Click the 3 dots in the upper right-hand corner, and save for re-use. Remember, if you save a block as re-usable and then you edit on any page and save, it will update every page where you used that block unless you save it as another block name.
You can find the Button Block under Layout Elements. Add your text to the colored background and then click to add a URL that will redirect the user when they click it. If you are using a lead magnet software such as optinmonster, leadpages, convert kit, or Keap by Infusionsoft, you can use the link and it will pop up when they click the button.
The separator is a simple and short link that divides blocks. You can find it in the layout elements. If you like another plugin or style, you can add that and Gutenberg will offer it inside the content blocks. For example, a divider with back to top can be added with the Shortcodes Ultimate Plugin. Simply add the shortcode to an HTML content block or paragraph block, and then save as a reusable block called “Divider”.
Sample code from Shortcodes Ultimate:
The Cover Block allows you to add a featured photo to the top of the blog with a Text Overlay.
Media and text blocks
This is an example of the Media and Text Block. Here, you can insert an image and then type coordinating text in the box next to it. This keeps it nicely aligned rather than trying to wrap text in the classic editor.
This is what the Media Text Block Looks like before you add the content.
For your many embedded objects such as Youtube Videos, Google Maps, Facebook posts and so forth, the embed block might be a good option. The HTML block usually works fine for this as well and depending on your theme, may even work better. There’s a list of acceptable embeds here.
Oh, baby, this is a GOOD one. While Tablepress is a free Plugin with advanced options, the Gutenberg Table is very easy to use. You can save it to your reusable blocks as well! Remember, when you edit it once, save it, and everywhere you have used the table will update!
|WordPress Theme||Who’s it For?|
|Academy Pro||Coaches, Online Courses|
|Foodie Pro||Food Bloggers|
|Refined Theme||Lifestyle Bloggers, Beauty Fashion|
Now, you can create various styles of columns. In the example below, I use 3 columns. Each block in the column uses content blocks. So you can line up 3 tables, 3 paragraphs, 3 images, 3 buttons, or a combination of Blocks.
Easily drop in the List Content Block for a numbered or bulleted list. You’ll find this in common blocks.
- Idea one
- Idea Two
- Idea Three
The heading block allows you to use your headings to start a new paragraph. Your H2 is the most common and then from there, you can choose H3, and H4. You can also change a heading to paragraph or another style if you should choose. You are not locked into that style.
The Gallery will allow you to drop in several images to allow someone to browse.
This is a Sample of quoteLori Ballen
This is a Sample of a Large QuoteLori Ballen
Latest Posts Content Block
Another personal favorite, Latest Posts allows you to drop in a content block consisting of related posts by category. You’ll use the right side column after entering the content block to customize the category and how they are sorted. You can choose to include the date or not. You can choose to show a preview or title only. All of this is in the right column when you click on the posts block.
- How To Make Money With Your BlogIf you are blogging on a regular basis, you might want to know how to make money with your blog. Many bloggers have figured out ways to monetize their blog as a supplemental income or as a full-time income. This article will give you ideas on how to make money with your blog.
- How To Change the Text Size and Text Color On a WordPress BlogYou'll see Background Color Options as well as Text Color. The editor will also warn you if you choose a combination that might be hard to read.
- Blog Niche List, Choose The Right Niche For Your BlogThis blog niche list is a starting point. Take the numbered niches and drill down from there until you find your specific blog niche.
- How To Get Traffic To A New BlogHere are ways to generate traffic to your blog. Today, thanks to social media, I'm able to get traffic to my blog on the same day I create a post. With Pinterest, Facebook, Youtube, Instagram, and other channels, it's easy to see traffic happen quickly if you promote it.
- Best Valentines Day iPhone Backgrounds and WallpaperGrab these adorable Valentine's iPhone Backgrounds and Best Valentines Day Wallpaper for February or anytime you have Love on Your Mind!
- 50 Questions To Ask Yourself To Learn Your True Passion, Desires, and DirectionThese thought-provoking questions can be life-changing if you truly spend some time in the answers. They can guide you to where you should be and go in your life.
- Email Marketing With Convert KitEmail marketing is still a great way to get your message, products, and services in front of people that have requested to hear from you. Email Marketing with Convert Kit is easy. Create a lead magnet (offer), add a form to your blog, and build an easy automation sequence. Now THAT is easy!
- Pinterest Board Names
- How To Write a Blog Post in WordPressThis article will show you exactly how to write a post in WordPress using the current Gutenberg editor with Content Blocks. This method works the same way for pages on your WordPress Website. The only variation will be in the sidebar options.
- The Best Way to Choose Your Blog’s Domain Name
- Blog SEO | Strategies for Blog Rank on Google Search Engines
- Favicon: How To Create a Site Icon For Your Blog and BrandYour Favicon or site icon is the small logo that appears in a tab on your web browser. You'll often see it on mobile devices and site icons are now appearing on Google's search engine results pages (SERP). They should be colorful, and easy to identify when small. Here's how to create your site icon … Read more
1. Make sure you have the latest update of WordPress
2. In WordPress, go to Settings, and then Writing and use the toggle to select content blocks
3. Alternatively, you can add the Gutenberg WordPress PlugIn if you can’t update your theme
No. In fact, some WordPress developers don’t run Gutenberg at all. You’ll want to choose a Gutenberg friendly WordPress Developer and or Theme. I’m a fan of Studiopress Themes on Genesis Framework. This theme is called Refined.
Most likely, you have left behind some piece of the old post that was on the classic editor. The classic editor and Gutenberg blocks will not work together. Go through line by line and see if you can find that last piece of the classic editor.
Many themes and WordPress Plugins will include items that appear in your content blocks menu. YOAST is a good example. In addition, you can actually purchase Gutenberg Block Add-Ons.