Learn Home » Part 1: Simple Site Design with Full Site Editing

Part 1: Simple Site Design with Full Site Editing

Welcome to Simple Site Design with Full Site Editing!

Full site editing is a collection of features that allows users to edit their entire site with blocks.

This course reviews the interconnected features of full site editing (FSE) in WordPress and how they can help you create beautiful site designs without using any code.

Site Editor of local test site with Styles Interface open on right panel
Editor with color styles interface
Cupcake Image by Polina Tankilevitch from Pexels

At the end of this course you will be able to:

  • Describe how full site editing features will be beneficial when creating a new site
  • Create a personalized site design without coding

You will create a homepage and about page using full site editing features throughout this course. Be sure to submit a screenshot of your final design for course credit!

Are you ready to create elegant designs using full site editing? Enroll in this course by signing in to your WordPress.org account (or creating a WordPress.org account for the first time) and then click on the “Take Course” button below.

Introduction to Full Site Editing (FSE) (Roxy Kohilakis)

Let’s start with reviewing the collection of full site editing (FSE) features and how FSE will directly benefit you and your site.

Lessons

How will you benefit from full site editing (FSE)? Let's talk about blocks Create your testing environment

Block Themes (Roxy Kohilakis)

To make the most out of full site editing (FSE) features, you will want to use a theme designed from blocks.  Learn how to differentiate between a block theme and a traditional theme. You will then have an opportunity to select a block theme to use for your test site.

Lessons

What is a block theme? How do you find a block theme? Get started with a block theme

Block Patterns (Roxy Kohilakis)

Imagine creating beautiful layouts of content on your site in seconds.  That is the power of block patterns. By the end of this module, you will feel comfortable finding existing patterns from the directory and personalizing the content to elevate your site.

Lessons

What is a block pattern? How do you insert a block pattern? Customize your block pattern

Styles (Roxy Kohilakis)

You’ve now installed a block theme and updated block patterns to create easy and beautiful pages and posts.  If you’re feeling good about your content and layout, but want to change some of the stylings – you’re in the right place.

Lessons

What is the styles interface? How do you use styles? Exploring design tools Styling your site's blocks Design challenge!
What is full site editing (FSE)?