-
Generate CSS Variables for any global style assigned in the site editor
How to reference a CSS property that was assigned to a specific block or element by automatically rendering our own CSS variables.
-
Using Block Variations with the Block Bindings API
Let’s dig into the new Block Bindings API in WordPress 6.5 – with a focus on how to offer a “no-code” experience for your users with Block Variations.
-
Using Core Data and Sharing Context across WordPress Blocks
Extending WordPress blocks to talk to each other means using the WordPress Core Data packages, and hidden block features like “context”. With tools like useSelect and useDispatch, we’ll add a button to a core block that inserts new blocks into it’s parent block.
-
WP REST API and Postman – Using Application Passwords
What are Application Passwords in WordPress and how can I use them? Let’s dig into the WP REST API and how you can make authenticated API calls from tools like Postman (and any other code base) by using core WordPress’s Application Passwords feature.
-
How to Build Dynamic (PHP) Blocks in WordPress
Let’s build a dynamic block for WordPress. Along the way we’ll discuss the difference between static and dynamic blocks, when to use them, WP_Query, what ServerSideRender is and what the best approach for performance is.
-
Removing the date permalink structure in WordPress
How to approach migrating your permalink structure to remove the date directories (ex: /2023/01/01/).
-
Adding Custom Fields (Attributes) to Core Blocks
Using just three filters, we’ll add a few custom fields to the core “Button” block in WordPress that will update the button’s content on the front end.
-
How to show the “Choose a Pattern” modal by default on new pages
How to offer a selection of page patterns when creating a new page (as seen in TwentyTwentyFour).
-
Filter the URLs in Gutenberg Social Link Block
Dynamically populate social link URLs using the render_block filter in WordPress.
-
Updating the Twitter/𝕏 Icon in Font Awesome 4
If you’re managing an older website running Font Awesome 4, you might be asked to swap out the Twitter icon for the new X / 𝕏 symbol. Personally, I wasn’t in the mood to pull down an entire site, dig up the build process, replace FA4 with a newer version, etc. Instead, I jumped into…