Building the new Icon Block for WordPress core: Part 3
Last week we removed a number of the controls to streamline the block down to a more solid MVP. Since then, there's a more feedback that we can implement - including a conceptual icon registration API!
Join me and see how much we can get done!
PR: https://github.com/WordPress/gutenber...
Connect:
/ ryanwelchercodes
/ ryanwelcher
/ ryanwelcher
https://bsky.app/profile/ryanwelcher.com
Projects:
👉 Advanced Query Loop plugin: https://wordpress.org/plugins/advance...
👉 WordPress Snippets VSCode extension: https://marketplace.visualstudio.com/...
👉 WordPress Playground markdown editor: https://marketplace.visualstudio.com/...
Credits:
Stream-Safe Metal playlist: https://open.spotify.com/playlist/7MI...
#wordpress #wordpresstutorial #coding #customblocks #javascript #php #gutenberg #livestream
04:27 Exploring AI Block Builder Tool TX
07:23 Demonstrating the "Context Debug" Block
08:24 Converting Debug Block into Slot Fill Plugin
08:57 Visualizing Audio with Custom Block
10:40 Setting Up Microphone-Based Audio Visualization
11:51 Transitioning to Icon Block Development
12:57 Discussing Differences Between Core and Custom Blocks
13:56 Registering Dynamic Blocks and Server-Side Rendering
16:16 Discussion on Building an Icon API vs. Static Icons
18:16 Preparing Icon Block for API-Based Architecture
21:24 Switching to Git Branch and Starting Development
22:39 Reviewing Riad’s Feedback and Planning Block Cleanup
23:48 Marking the Block as Experimental in block.json
26:39 Creating a New Git Branch for Block Supports
27:17 Attempting to Add Width Support via Block Supports
38:57 Testing the Width Control and Observing Output
49:19 Debugging Width Controls Not Applying on Save
57:36 Investigating How Block Supports Apply Styles via useBlockProps