How was the talk "Get to know the Full Site Edition (FSE) at once!"

Alicante's participation in WordCamp Europe

  • Gustavo
  • Kristof
  • Hector

New sponsors

Marco Finestrat who will record and edit the videos. Marco is a professional videographer, he offers Audiovisual services such as:
- Creation of company videos
- Streaming Events
- Podcast recording and editing
- Event recording
- etc...

Your website: https://marcoproducciones.com/

Siteground! From here thanks to Moncho from Siteground who came to our aid when I was able to share some great moments with him at WordCamp Europe.

Siteground is a web hosting with specialized WordPress plans and collaborates with the WordPress community both supporting meetups and WordCamps as well as providing staff where much of their time is spent creating content and material related to WordPress.

He's going to be with us for at least 6 months and nothing, he'll take care of our beers in the meantime.

They are now offering an 80% discount on their hosting plans.

Your website: https://www.siteground.es/

What is Full Site Edition

It is part of Project Gutenberg, which is divided into three parts or phases:

  • Block Editor. Released with WordPress 5.0 in December 2018.
  • Full site editing. Released in WordPress 5.8 in July 2021.
  • Multilanguage: Will WordPress 7.0 be released in 2026?

What does it consist of?

If you are already familiar with the block editor, with the FSE you will be able to use the blocks also in the header, in the footer and decide how the information is displayed depending on what information will be shown on the screen.

New blocks

To the traditional building blocks (link to wordpress.com, but perfectly applicable to wordpress.org) are joined by some new ones:

  • Navigation
  • Logo
  • Motto
  • Comments
  • Template parts
  • Header
  • Footer
  • and many more...

New units:

Theme Styles (Colors and Fonts)

You can choose from the styles (colors and fonts) offered by the installed theme and customize the theme's default blocks.

Templates

Where we can create our content visualizations.
Similar to WordPress theme template hierarchy and page templates.

By default already created:
Front Page
404
Page (Large Header)
Single Post (No Separators)
Search
Page
Blank
Index
Single Post
Home
Page (No Separators)
Archive

You can add:
Front Page
Author
Category
Date
Tag
Taxonomy

To create new singular templates (page, post, Custom Post Types item...), we need to go to the edit page and create it from there

The template parts

Parts of templates that we can use within the templates.

There are three types:

  • Header. Top of the page or header, where the logo is usually placed. It is handled by the "Header" block.
  • Footer. Bottom of the page. Footer. It is handled by the "Footer" block.
  • General. These are templates that we can display in the body of the page. They are managed by the "Template Part" block.

Block patterns

Each theme comes with block patterns that you can define by registering them from block-patterns.php
Pattern gallery on wordpress.org
They are accessed from the block browser, patterns tab.

Major changes with respect to previous topics

👉 Menus are now menu blocks. The Appearance > Menu disappears and is now converted into blocks.

👉 Widgets disappear. You will have to create the part of the template in question for them to appear.

Disappears the "Appearance > Customize" now all in editor. Favicons are set in the "site logo" block.

Read this article by Nelio on how to switch from your old theme to a new block theme.

👉 A new part in our pages content that is the Template

How to install / use

It installs like any other theme, only we have to make sure that it is compatible with Full Site Editing / Full Site Editing.

To use it:
Appearance > Editor: is the new section of WordPress

ESF-compatible topics

Interesting plugins

Conditional Blocks - Visibility control for Full Site Editing - WordPress plugin | WordPress.org

How to learn

👉 To use it: My YouTube channel where I am uploading live sessions of use as I learn.
👉 The page about FSE which is a bit of a bible.
👉 The brand new "Learn WordPress" website brings. an important section on Full Site Editing3 in particular.
👉 A article in English on Kinsta's web site about the 5.9 update where he talks about Full Site Editing and a in-depth analysis of the ESF
Article by Nelio
👉 How to create themes compatible with Full Site Editing This introductory video by Brad Schiff introducing the section of his advanced WordPress Developer course on Udemy. Become a WordPress Code Developer Course | Udemy

The video


Comments

Leave a reply

Your email address will not be published. Required fields are marked with *