Trainings & Guides

WordPress: Mastering Full Site Editing

This course introduces Full Site Editing (FSE) in WordPress and teaches the fundamentals of designing, building, and maintaining modern websites using FSE tools and workflows. It also covers converting Figma designs, creating reusable components, and improving accessibility, resulting in a portfolio-ready website by the end of the course.

Feb. 16, 2026 By Christopher Jordan, Technology Services - Student Affairs

1 min. read

Instructor: Nyasha Green
Released: 06/18/2024
Length: ~1 hour, 31 minutes
Platform: LinkedIn Learning
Skill Level: Intermediate
Purpose: To teach you how to design, build, and maintain modern, accessible WordPress websites using Full Site Editing, while producing a portfolio-ready site.

WordPress: Mastering Full Site Editing

This course introduces Full Site Editing (FSE) in WordPress and teaches the fundamentals of designing, building, and maintaining modern websites using FSE tools and workflows. It also covers converting Figma designs, creating reusable components, and improving accessibility, resulting in a portfolio-ready website by the end of the course.

Start Your Training Here!

* Please sign in at the top of the LinkedIn Learning Website with your TAMU email address.

This course will provide the following:

1. Introduction to Building WordPress Websites
  • What is full site editing?
  • Navigating the FSE interface
  • Setting up your local install
  • Importing your website’s posts and media
2. Analyzing the Figma Design
  • Analyzing the Figma design for the website
  • Extracting key design elements from Figma
3. FSE Theme Setup
  • Selecting and activating your full site editing theme
  • Customizing the theme styles
  • Installing your site’s fonts
  • Setting your site’s typography
  • Setting your site’s colors
  • Setting your block’s styles in the editor: Part 1
  • Setting your block’s styles in the editor: Part 2
4. Creating Patterns and Reusable Blocks
  • What are patterns?
  • Turning Figma sections into patterns
  • Creating the header using patterns
  • Styling the header in FSE
5. Building the Website Pages

 

  • Creating a page template

 

 

  • Adding synced patterns to templates

 

 

  • Creating the homepage

 

 

  • Building the post blocks

 

 

  • Creating the footer

 

 

  • Building the Contact page

 

 

  • Accessibility in FSE

 

Tags