Today I started by searching the documentation for the Block Editor, so here:
I wanted to add style settings, a CSS class name field, and the radio control button (relocated) for selecting major or minor version into the Settings Sidebar.
The Block Editor Handbook showed where these controls live; Storybook showed exactly what to import and the prop shape. Between both—and my WordPress Coding Kit of .md snippets—I could focus on intent without sweating every ; or />.
So as of today, this is how it works (and I’ve shared a video below, as well:
- The Sidebar settings panel is rendering in my custom block.
- Controls for Styling, Additional CSS, and a major/minor radio button are hooked up and persisting.
- I’ve been testing on a separate site to keep my main posts clean while I iterate.
Next time, I’ll add the specific typography edits, and tie the output to the actual post title. It can also be styled using a class name, so I’ll spruce up the output as well.
By the time I get this working fully, as I’d like it to be, it would indeed be my post v3.2 here which I’d be incrementing from. I’ve been using a test site all the while. At that time, I’ll cool off on posting for a few weeks while I digest the entire Block Editor Handbook documentation at WordPress.org.
Okay, until next time!