WordPress FSE live stream#1

↳ The streaming session recap
Posted in Gutenberg, the 30/09/2022.

Introduction

As I explained in my previous post about a new WordPress era, I’ve decided to train myself in WordPress Full Site Editing.

I plan to rebuild my current theme into a full-site editing one and do so while live coding and live streaming.

Here’s the recap of the first streaming session.

Legend: 👨🏻‍💻 code, ✅ check, 📖 read, 🎥 watch, 🧠 learn.

Part 1: Presentation

  • Introduction
    • Presented myself. Jeremy, 35, WordPress professional developer for the last 12 years.
    • Highly skilled with classic WordPress, wanting to learn FSE.
  • Presented the project’s aim
    • To rebuild jdmweb.com as an FSE project (with a block theme, and heavy use of blocks, block patterns, and template parts)
    • Learn those new concepts
    • Share my findings and learnings
    • Learn to stream

Part 2: jdmweb.com tour

  • Tour of the site: https://jdmweb.com/
  • Presented the main pages (home, portfolio, blog, course, about)
  • Commented the use of the different blocks

Part 3: New project creation

Part 4: Creating a block theme

Part 5: Creating a block theme generator for WonderWp

Part 6: Experimenting with template parts

  • On my new local.jdmweb2022.com, opened the full site editor
  • Went to template parts
  • 👨🏻‍💻 Created a header template part
    • Added the site logo block
    • Added the navigation block
  • 👨🏻‍💻 Checked in my local files to see if it was saved there: no.
  • 👨🏻‍💻 Figured out it was saved in my database (the post table, with a post_type = template_part)

Plan for next time

  • ❓ Is it possible to create template parts upfront?
  • ❓ Best way to build a template with template parts?
  • 👨🏻‍💻 Create the site pages
  • 👨🏻‍💻 Experiment with the navigation block
  • 👨🏻‍💻 Experiment with theme.json
    • Color management
    • Font management
  • 👨🏻‍💻 Keep on working on the block theme generator