WordPress Full Site Editing with Gutenberg

WordPress Full Site Editing with Gutenberg, available at $74.99, has an average rating of 4.86, with 63 lectures, based on 444 reviews, and has 2531 subscribers.

You will learn about Gutenberg as a block editor for creating content on posts and page. An introduction to Gutenberg Full Site Editing and how that turns you into a web designer. How to create a simple theme (that is Full Site Editor compatible) from scratch. How templates are used by WordPress to control the layout of different parts of your website. Learn which templates controls each of the web pages on your site, and how to edit, or create templates so they look the way you want them to. Well take a close look at the Twenty Twenty Two theme as a starting point for your own site. This course is ideal for individuals who are WordPress users that want to learn to harness the power of Full Site Editing with Gutenberg or Anyone that wants to get into web design using WordPress. It is particularly useful for WordPress users that want to learn to harness the power of Full Site Editing with Gutenberg or Anyone that wants to get into web design using WordPress.

Enroll now: WordPress Full Site Editing with Gutenberg

Summary

Title: WordPress Full Site Editing with Gutenberg

Price: $74.99

Average Rating: 4.86

Number of Lectures: 63

Number of Published Lectures: 62

Number of Curriculum Items: 63

Number of Published Curriculum Objects: 62

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

Gutenberg as a block editor for creating content on posts and page.

An introduction to Gutenberg Full Site Editing and how that turns you into a web designer.

How to create a simple theme (that is Full Site Editor compatible) from scratch.

How templates are used by WordPress to control the layout of different parts of your website.

Learn which templates controls each of the web pages on your site, and how to edit, or create templates so they look the way you want them to.

Well take a close look at the Twenty Twenty Two theme as a starting point for your own site.

Who Should Attend

WordPress users that want to learn to harness the power of Full Site Editing with Gutenberg

Anyone that wants to get into web design using WordPress.

Target Audiences

WordPress users that want to learn to harness the power of Full Site Editing with Gutenberg

Anyone that wants to get into web design using WordPress.

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Local WordPress Install

Chapter 2: Gutenberg Block Editor

Lecture 1: IMPORTANT NOTE

Lecture 2: Overview

Lecture 3: Interface

Lecture 4: Building Blocks

Lecture 5: Block Anatomy

Lecture 6: Document Overview (List View)

Lecture 7: Heading Block

Lecture 8: Paragraph Block

Lecture 9: Image Block

Lecture 10: Video Block

Lecture 11: Button Block

Lecture 12: Spacer Block

Lecture 13: Group Block

Lecture 14: Cover Block

Lecture 15: Row & Stack Blocks

Lecture 16: Columns Block

Lecture 17: ReUsable Blocks

Lecture 18: Block Patterns

Lecture 19: Sample Post

Chapter 3: Full Site Editing Concepts

Lecture 1: Full Site Editing

Lecture 2: Full Site Editing Themes

Lecture 3: Full Site Editing Templates

Lecture 4: Full Site Editing New Blocks

Lecture 5: Block Patterns

Lecture 6: Creating a Template with Template Parts

Lecture 7: Global Styles

Lecture 8: Color Palette

Chapter 4: Create a Blank Theme

Lecture 1: Blank FSE Theme

Lecture 2: Create Header

Lecture 3: Menus

Lecture 4: Social Icons Block

Lecture 5: Create Footer

Lecture 6: Index Template

Lecture 7: Front Page Template

Lecture 8: Single Template

Lecture 9: Page Template

Lecture 10: Archive Template

Lecture 11: The Query Loop

Lecture 12: Search Template

Lecture 13: 404 Template

Lecture 14: Styles for this theme

Lecture 15: Template Hierarchy

Chapter 5: The Twenty Twenty Two theme

Lecture 1: About this section

Lecture 2: Twenty Twenty Two

Lecture 3: The Header

Lecture 4: The Footer

Lecture 5: Index Template

Lecture 6: Post Template

Lecture 7: Search Template

Lecture 8: 404 Template

Chapter 6: Twenty Twenty Three Theme

Lecture 1: The Templates and Template Parts

Lecture 2: The included templates

Chapter 7: Twenty Twenty-Four

Lecture 1: Whats included?

Lecture 2: Bad design?

Chapter 8: Extras

Lecture 1: Custom Templates

Lecture 2: Example: A Landing Page

Lecture 3: Adding Custom CSS to a FSE Theme

Lecture 4: Adding A Sidebar

Lecture 5: In Closing

Lecture 6: Bonus Lecture

Instructors

Andrew Williams
WordPress, SEO & Self-Publishing Expert, teacher and author

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!