WordPress Full Site Editing with Gutenberg

Design your theme as well as your posts and pages using Gutenberg, Full Site Editor.

WordPress Full Site Editing with Gutenberg
WordPress Full Site Editing with Gutenberg

WordPress Full Site Editing with Gutenberg udemy course free download

Design your theme as well as your posts and pages using Gutenberg, Full Site Editor.

What you'll learn:

WordPress Full Site Editing with Gutenberg

  • Gutenberg is a block editor that may be used to create content for posts and pages.
  • An overview of Gutenberg Full Site Editing and how it may help you become a better web designer.
  • How to build a basic theme from the ground up that is compatible with the Full Site Editor.
  • See how WordPress uses templates to customize the layout of various elements of your website.
  • Learn which templates manage each of your site’s web pages, as well as how to alter or build templates to make them appear the way you want.
  • As a starting point for your own site, we’ll take a detailed look at the Twenty Twenty Two theme.

Requirements:

  • Working or basic WordPress knowledge is required.
  • It will help if you have a PC with Windows, Mac, or Linux. You’ll also need a web hosting service and a domain name.

Description:

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.

Who this course is for:

Course Details:

  • 5.5 hours on-demand video
  • 2 articles
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of completion

WordPress Full Site Editing with Gutenberg udemy courses free download

Design your theme as well as your posts and pages using Gutenberg, Full Site Editor.

Demo Link: https://www.udemy.com/course/wordpress-gutenberg-full-site-editing-fse/