search

bobbingwide / fizzie

Fizzie theme - a Full Site Editing theme using Gutenberg blocks
9 stars 1 forks source link
blocks fse gutenberg theme wordpress

readme

fizzie

screenshot

Fizzie theme - a Full Site Editing theme using Gutenberg blocks.

Description

A Full Site Editing (FSE) with Gutenberg blocks.

The theme is required to replace the Genesis-a2z theme that is used in blocks.wp-a2z.org and core.wp-a2z.org.

It's also the parent theme of Wizzie, used in woocommerce.wp-a2z.org.

Requirements:

  1. Implement Full Site Editing.
  2. Same look and feel as the Genesis-a2z theme.
  3. Support documentation / demonstration of each of the new blocks in Gutenberg.
  4. Find out what bits are missing from and/or not working on Gutenberg.
  5. Implement on blocks.wp-a2z.org, core.wp-a2z.org and woocommerce.wp-a2z.org

Contents:

The templates are:

The parts are:

Templates not yet implemented:

Some of these templates will be needed for other subdomains of wp-a2z.org.

Installation

For the Output Input Debugging custom template

Change Log

1.3.0

1.2.0

1.1.0

1.0.0

For details see the Git commit history.

0.7.0

0.6.1

0.6.0

0.5.0

0.4.0

0.3.1

0.3.0

0.2.0

0.1.1

0.1.0

0.0.9

0.0.8

0.0.7

0.0.6

0.0.5

0.0.4

0.0.3

0.0.2

0.0.1

0.0.0

Notes

The theme is designed for use on wp-a2z.org.

It implements template parts which depend on external components. For example

The CSS is minimal; just enough to make it look OK on my laptop and external monitor. Responsibility for responsive styling is left to Gutenberg / WordPress core functionality.

Block overrides

Fizzie contained a number of overrides to Gutenberg server rendered blocks which didn't behave the way I expected. Many of these are no longer necessary and have been disabled.

Improvement areas included:

For more information see https://github.com/bobbingwide/fizzie/issues/25 and/or the includes folder.

References

See my articles on herbmiller.me:

During the development, in 2021, I referred to the following articles, sites and repositories.

Some other FSE themes:

Brief development history

Even though FSE was not going to make it into WordPress 5.6 or 5.7, I had to implement the theme in order to document the 24 or so new blocks that were already in Gutenberg and that will eventually appear in WordPress core.

It started as a completely empty theme and then I played with it while following some tutorials.

The tutorials didn't really cover the Site Editor (beta) user interface. So I was on my own from there on. It’s been quite a learning experience. Rather than using the Site Editor ( beta ) user interface, I've found it easier to edit the Templates and Template parts directly.

I've been using the block editor in Code editor mode, then copying and pasting the individual templates and template parts to the .html files that the theme needs to deliver. In some cases these had to be edited to remove the "postId" attributes.

In the target site(s) some of the template parts need importing into the Site Editor to be customised for the target site. These are the ones that include the navigational blocks.

Copyright

(C) Copyright Herb Miller, Bobbing Wide 2020, 2021, 2022, 2023

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.