The Age Of Gutenberg Templates Is Here

Sooner or later the Gutenberg reusable block was going to have a coming out party. The party’s just getting started and isn’t going to end any time soon.

Reusable blocks are one of Gutenberg’s hidden treasures and most widely (at least I think so) misunderstood blocks. Too bad. It is one of Gutenberg’s most important features and a key to understanding where the future of Gutenberg lies.

Any block that comes with Gutenberg or is available through a Gutenberg plugin, can be saved and reused for a future page or post. Say you create something with any block (or blocks) which you’d like to use again for another page or post – you’re talking about a reusable block.

Enter Templates

To the Gutenberg editor, a template is, in essence, a collection of reusable blocks.

Want More Of This?

Be eligible for service discounts and keep up-to-date with WordPress news, resources and advice delivered to you just about every Sunday.
  • Don’t you worry about a thing. Your email address is kept safe with those crazy monkeys at MailChimp.

Why Subscribe?

Look at it this way. If you can create, store, and re-use more than one block at a time for your site, wouldn’t you? If only to save development time and effort, you would. Most web sites establish a layout that is used repeatedly throughout the site, and templates are the solution to accomplish those goals.

For this article, I am looking at templates which are free, theme agnostic, and fairly easy to use.

The Gutenberg Template

In my video I go through the process of creating a template which can be used as many times as needed. Later in the video, I show how to edit the template which does not affect content already created using the template. (This is true because each time you use a template you’ll need to convert the template to reusable blocks).

While I am only using native Gutenblocks (the blocks that come with Gutenberg), you can create templates using any block that is available with a Gutenberg plugin.

Learning how to do this takes a little doing before it is committed to muscle memory, but it will save you so much time. It is very much a part of Gutenberg’s future.

Running Time: 11:49

Hey There!

All these videos and more like them are available in my Using Gutenberg module.

Ghost Kit Templates

A Gutenberg plugin with lots of useful blocks and templates is Ghost Kit.

As you will see, this template actually let’s you build parts of your page as desired. You can add these template sections for your pages as needed and in any order you want:

  • hero
  • features
  • counters
  • teams
  • testimonials
  • pricing
  • contact
  • CTA
  • FAQ

Running Time: 8:39

While there is a Pro (paid) version of this plugin, everything I show you in the video is part of the free version which you can download from WordPress Plugins.

Atomic Blocks – Gutenberg Blocks Collection

This works much like Ghost Kit but – as of this writing – is a little more developed. Not only can you use templates in any order to create sections of your page, this plugin packs templates which can be used to create an entire page.

Like Ghost Kit, you can build your page using these template sections:

  • header
  • services
  • media
  • team
  • testimonial
  • contact

Running Time: 8:35

As with both of these plugins, you can still add regular Gutenblocks before or after any template section.

Get Atomic Blocks from the WordPress plugin repo.

Now Here’s A Cool Idea

Once you build your page with a Ghost Kit or Atomic Blocks template, you can save that as a template that can be reused as explained in The Gutenberg Template above.

Honorable Mention

There certainly are more than two Gutenberg plugins that include templates and many more are on their way.

Here are two which work very similar to Ghost Kit and Atomic Blocks.

8 thoughts on “The Age Of Gutenberg Templates Is Here”

    • Unfortunately learning how to use reusable blocks is not intuitive which is a big loss for all of us. That’s a reason why I did this post.

      Reply
  1. Thanks Bud for sharing this great template information for Gutenberg.
    I just love how Gutenberg is evolving and how we can get more creative without a page builder.

    Reply
  2. Great info, thanks. One small correction: At about 8:20, you mention Convert to Reusable Block. It should be Convert to Regular Block.

    Reply
    • Thanks for that Paul. There’s always room for improvement. I do these videos without a script and I don’t always catch things like this that I could correct in post-production.

      Reply

Leave a Comment

8 thoughts on “The Age Of Gutenberg Templates Is Here”

    • Unfortunately learning how to use reusable blocks is not intuitive which is a big loss for all of us. That’s a reason why I did this post.

      Reply
  1. Thanks Bud for sharing this great template information for Gutenberg.
    I just love how Gutenberg is evolving and how we can get more creative without a page builder.

    Reply
  2. Great info, thanks. One small correction: At about 8:20, you mention Convert to Reusable Block. It should be Convert to Regular Block.

    Reply
    • Thanks for that Paul. There’s always room for improvement. I do these videos without a script and I don’t always catch things like this that I could correct in post-production.

      Reply

Leave a Comment