Using The Gutenberg Template Library

Using Gutenberg

Running Time:  10:03

Templates are very much a part of Gutenberg’s future.

Using a template will save you a lot of time and is a real benefit if you don’t have the design chops you think you need to make an awesome web site.

While you can create your own templates with reusable blocks as I show in How To Make And Work With A Template you can get templates rather than build one yourself.

One such resource that lets you copy any template with just a single click is GutenbergHub’s Gutenberg Template Library which is what I demonstrate in this video.

Get Access To Over 50 Free Videos  So You Can Learn WordPress

Modules

Reusing A Template On Another Site

Using Gutenberg

Running Time:  3:54

One of the most hidden yet useful features of Gutenberg is the ability to crate a template that you can use on other sites.

After you make a template you can use the export/import feature of the block editor (Gutenberg) to transfer a template you’ve made to another site.

This is a huge time saver because once you create a template you can use it not just on the site in which it was made but any other site as well.

If you’re not sure how to make a template see my other videos:

Get Access To Over 50 Free Videos  So You Can Learn WordPress

Modules

Managing Blocks

How To Make And Work With A Template

How To Make An Intra-Page Linke

Using Gutenberg

Running Time:  3:47

Creating a link to content within a page is not exactly intuitive with the Gutenberg page editor.

My video shows you how to create a link within a page. This is commonly known as an intra-page or named target link. This allows users to tap a link and move to a different spot on the same page.

At the time of this recording only Heading elements (h1, h2, h3, h4, h5, h6) can be used as links. It’s entirely possible that by the time you see this video content types such as a single word, a list item and an image will also be able to be used as a link within a page.

Get Access To Over 50 Free Videos  So You Can Learn WordPress

Modules

Adding Images

Get Access To Over 50 Free Videos  To Learn WordPress

Using Gutenberg

Running Time:  6:29

If you’re familiar with the Classic Editor you’ll be comfortable using Gutenberg. Adding images is done through the image block.

As always, make sure to specify an alternative text description for every image you add to a page or post. Your page will not pass the most basic accessibility text unless you do.

What is not obvious is a new and cool way to add an image to your page. You’ll just have to watch the movie to see what I mean.

Modules

How To Wrap Text Around An Image

Working With Paragraphs And Headings

Using Gutenberg

Running Time:  6:30

Paragraphs and headings are the building blocks of every web page that is smartly organized to provide information to readers.

In the Gutenberg editor paragraphs are – for good reason – the default block. Just click your cursor on the page and you’ll be in a paragraph block.

Headings are the way to let readers know the start of a new section of related content. Never use a heading for the purpose of making the font size larger.

Speaking of fonts when I show the paragraphs block options you’ll see there is no way to change the typeface. For that you’ll need to see what your theme offers or use a plugin to change font type.

Get Access To Over 50 Free Videos  So You Can Learn WordPress

Modules

How To Create A Page From A Google Doc

Get Access To Over 50 Free Videos  To Learn WordPress

Using Gutenberg

Running Time:  4:33

If you create almost any type of doc outside of WordPress here’s how you can use that content to make a web page for your web site.

While I show how to copy and paste a Google Doc, Spreadsheet and web page you’re not limited to those formats. MS Office, Mac Work and most other similar text-based apps work the same way as I demonstrate.

Note: Any special styling you have in the original doc will most likely not be carried over to WordPress. All of that depends on your theme.

Modules