david/til

title: Hybrid Block Theme slug: hybrid-block description: Today I Learned <!--- authors:

name: David Windham title: Something Else url: https://davidawindham.com image_url: https://davidawindham.com/wp-content/themes/daw/img/opengraph_image.jpg --> tags: [] keywords: [WordPress, Gutenberg] image: https://davidawindham.com/wp-content/themes/daw/img/opengraph_image.jpg hide_table_of_contents: true draft: true ---

Today I finalized a decent approach to doing a multi-step migration from a static site to classic WordPress theme to a hybrid theme to a full site editing block theme.

The notes I made along the way turned into this post so I figured I'd share for anyone interested in doing something similar.

Static

The site was static because I like them. They're performant and easy to maintain. I've noticed that half of the sites I have running under a content management system rarely if ever have updates made to them.

┌── .configs
├── css/
│   ├── fonts/icons/
│   ├── library.css
│   ├── css.scss
│   ├── site.css
│   └── site.css.map
├── docs/
│   └── .pdf
├── js/
│   ├── library.js
│   ├── library.js.map
│   ├── scripts.js
│   ├── site.js
│   └── site.js.map
├── img/
├── index.html
├── gulpfile.js
├── package.json
├── robots.txt
└── sitemap.xml

Hybrid

The hybrid site has

┌── .configs
├── css/
│   ├── fonts/
├── docs/
├── js/
├── img/
├── index.html
├── gulpfile.js
├── package.json
├── robots.txt
├── sitemap.xml
└── style.css

Block with Full Site Editing

Notes on block theme migrations[^1]another[^2]and another^3 and another^4

Aside

Because there are already thousand of mostly shite resources floating around, I had to mostly go directly to the source documention. And since I noticed that some of it wasn't completely up to date, I've been scanning the #core-dev chat and noticed this comment:

It has come to my attention that some work that should have happened in public was being done on private p2s and other mediums. I asked for this to to stop as soon as I was aware of it. More transparency and openness will follow.

I know that building in public is a pain, "any kid off the street can leave their opinion," but that's what we do. I also used to be that kid off the street.
~ Matt Mullenweg

Screenshot from Slack

Notes

References

Figma - https://www.figma.com/file/AlYr03vh4dVimwYwQkTdf6/Twenty-Twenty-Four?type=design&node-id=119-543&mode=design
Something else -

[^1]: Automattic - Introducing Twenty Twenty-Four - https://automattic.design/2023/11/22/introducing-twenty-twenty-four/ [^2]: Bill Erickson - https://www.billerickson.net/hybrid-wordpress-theme-starter/

2023-12-21-posts.md 3.7 KB History Raw