WordPress Full Site Editing with Gutenberg

Gutenberg was launched as an integrated part of WordPress 5.0.  Gutenberg was the name given to the new block editor that replaced the Classic WYSIWYG editor that we’d been using since the early versions of WordPress. 

Gutenberg is the editor of choice as you create the content for your WordPress posts and pages.  There’s blocks for headers, blocks for images, blocks for text.  And blocks for just about anything else you’d want to add to a web page.  You can build your posts and pages by dragging the blocks onto, and around, the editor.  As you build the content of your web pages, your WordPress theme controls other aspects of your site, like the header and footer areas.

But Gutenberg has just had it’s biggest ever update in WordPress 5.9.  Full Site Editing!  This is often abbreviated to FSE, but what does this mean?

Using the same block editor (Gutenberg) you’ve been using for your content, you can now edit and design the headers and footers for your website. So you design the bit at the top of the page, the bit at the bottom, and the bit in the middle.  That means you now have total control over the design of your website.  That is Full Site Editing.

This course is designed to get you up to speed quickly with Full Site Editing in WordPress. 

In this course:

• An overview of Gutenberg and Full Site Editing principles.

• An in-depth look at the Gutenberg editor, including a detailed look at some of the most important blocks.

• Follow along as we create a basic theme that is Full Site Editing compatible.  We’ll create all of the templates and template parts needed for the theme to function.   This part of the course is there to reinforce the idea that web pages are controlled by templates, and show you which templates control which areas of your site.  By following along and creating this theme for yourself,  you’ll reinforce the important principles of Full Site Editing, and know which templates you need to add/edit to change the look of the posts, pages, archives pages, search page, 404 page, etc.

• We’ll look at the default FSE-enabled template that comes with WordPress 5.9.  It’s called Twenty Twenty Two and has a number of templates created for you.  With the knowledge gained earlier in the course, you’ll be confident taking this theme (or any other FSE-enabled theme) as a starting point, and editing it so your site looks the way you want it to look.

• We’ll look at creating custom templates for specific posts, pages, or sections of your site, and create a simple template that can be used for a landing page.

By the end of the course, you’ll have the confidence to take over the design of your own website, using Gutenberg to design the header, footer, and content.  You’ll be on your way to mastering Full Site Editing.

Rating Distribution

• 1 stars: 6 votes
• 2 stars: 3 votes
• 3 stars: 19 votes
• 4 stars: 126 votes
• 5 stars: 290 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!