How to Use the Advanced Gutenberg Blocks Plugin

How to Use the Advanced Gutenberg Blocks Plugin

The new Gutenberg editor is due to arrive with WordPress 5.0 on November 27.

We’re already starting to see new types of Gutenberg-specific plugin. These aren’t old plugins that have a layer of Gutenberg comptability. These are new plugins that are block-first. They’re built for the new Gutenberg era.

One of the most popular of these new plugins is Advanced Gutenberg. This plugin provides over 20 new blocks. It’s helpful to think of them in two categories:

  1. Better versions of the default Gutenberg blocks.
  2. Entirely new blocks not covered by the Gutenberg defaults.

In this guide, I’ll introduce you to the Advanced Gutenberg plugin. It’s free to install from inside your WordPress site:

advanced gutenberg

It’s easy to spot the new Advanced Gutenberg blocks. All the new blocks are shown in purple.

advanced gutenberg blocks


#1. Better versions of the default Gutenberg blocks

Here’s an example of how Advanced Gutenberg improves on the default Gutenberg options. On the left is the new “Advanced Image” and on the right is the default Image block.

If you open the “Action on click” option, you’ll see new choices including “Open image in lightbox”. You can also choose color options for the image’s title, subtitle and overlay.

image block

Here’s another side-by-side comparison, this time with List blocks. The Advanced List blocks add options including text size and icons. Each icon has controls for size, line height, margin and padding.

list

Here’s a third side-by-side example, this time with tables. With Advanced Gutenberg, you get a ton more options for customizing your tables, including colors, borders, padding and more.

table


#2. Entirely new blocks

In earlier version of Gutenberg, you probably needed to install 10 different plugins to cover the features of Advanced Gutenberg. However, with the new, lightweight blocks, Advanced Gutenberg packs a ton of features. For example, here’s a new Testimonial block:

testimonial block

Here’s how the testimonial block appears when you’ve added it. Each testimonial can be laid out individually, or in columns, plus you can change the color and size of all the elements.

wordpress testimonial block

Here’s another example: Advanced Recent Posts. I remember buying page builder-style plugins for around $50 to get some features like these:

advanced recent posts

Here’s a third example, showing a button block with a range of customization options:

advanced button


Summary

At this point, so close to Gutenberg’s release, I highly recommend playing around with plugins like Advanced Gutenberg.

Every time I take Gutenberg for a test drive, I learn something new and get a fresh insight into the future direction of WordPress. Ready to dive in? Check out Advanced Gutenberg on WordPress.org or at AdvancedGutenberg.com and take a look at this overview video:

{snippet gutenbergvideo}

Author

  • Steve Burge

    Steve is the founder of OSTraining. Originally from the UK, he now lives in Sarasota in the USA. Steve's work straddles the line between teaching and web development.

    View all posts
0 0 votes
Article Rating
Subscribe
Notify of
guest

1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Annette
Annette
4 years ago

Thank you Steve for sharing your thoughts on this cool addon for Gutenberg. 
Nowadays there are especially many different plugins to connect Gutenberg with, one more that might be of interest to you is Getwid (free). Thanks in advance for any replies. Keep up the great work at ostraining.com!

1
0
Would love your thoughts, please comment.x
()
x