-
Add custom CSS and JavaScript to any WordPress block
We’re adding custom CSS and JavaScript files to WordPress core blocks. Modify any block.json with simple PHP to load your own custom CSS and JavaScript.
-
Build a Custom AI Block in WordPress with OpenAI Integration
Let’s create a custom WordPress Gutenberg block that connects to OpenAI’s API.
-
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).