WordPress Workshop

Building Business Landing Page with FSE

Rajesh Rathod

Organised by WordPress Pune Community!

access this presentation

Scan QR Code

WordPress Workshop

Today’s Agenda

Create a Business Landing Page for a Web Agency

using Gutenberg and FSE Resources.

 Format: “Learning by doing.”

  • Classic Vs Block Editor
  • Understanding Idea behind Gutenberg Project.
  • FSE: How we can leverage WP Core Blocks for Building a Site?
  • Understanding FSE Component like templates, template Part, Navigation Menu & Patterns.


Basic Setup

  • Have WordPress 6.5.2 Installed & Running in Local Environment. You can download
    • WordPress- from WordPress.org
    • Local – from https://localwp.com/
  • Theme: Twenty Twenty Four (WP Default Theme)
  • Plugins: Gutenberg + Contact Form


This meetup does not require any level of expertise. 


Basic-Intermediate Familiar with WordPress Blocks (Gutenberg Project)


What’s Full Site Editor(FSE)?

A set of new WordPress features that help us build and edit ALL PARTs of our website using blocks: We get “Site Editor”

How to Access it ?

WP Admin Dashboard > Appearance > Site Editor

NOTE: The Site Editor is only available when you install and activate a Block theme on your site.

What do we get?

How to Create a Menu with the Navigation Block | Learn WordPress

Navigation Menu

(Global) Style Book + Additional CSS



Patterns + Parts

1. 2. 3.

Lets go.

Build a page with Blocks!

About Speaker /me

Rajesh Rathod

Web Designer & Developer at Neogene Digital.

I like study & keep on exploring New Things! Interested in {Art | Music & Movies | Economics, Politics & Philosophy}