-
An easy way to display dynamic data in WordPress blocks
In this tutorial, we will go over how to create and use custom template tags in WordPress blocks. Template tags are a simple way to insert dynamic content into your blocks, such as post data or other options stored in the database. We will be using the render_block filter to replace these tags with the…
-
How to Use TypeScript and TSX for WordPress block development
Welcome to our tutorial on using TypeScript and TSX for WordPress block development! TypeScript is a powerful programming language that extends JavaScript with features like type declarations and interfaces. TSX is a strict syntactical superset of TypeScript that allows you to use JSX syntax in your TypeScript code. Together, these tools can be incredibly useful…
-
Introducing the Blockify plugin
Blockify is a new WordPress plugin that makes it easy for users to create modern, fast-loading websites using only core WordPress blocks. It’s the first Full Site Editing (FSE) / block theme framework, and is optimized for speed, with no CSS, JavaScript, image, or font files loaded by default. With Blockify, you can customize your…
-
How to retrieve WordPress data for blocks with the useSelect hook
The useSelect hook allows you to retrieve and subscribe to data from the WordPress data store, and use the data in your block components. Here are some examples of how to use the useSelect hook with WordPress blocks: In summary, the useSelect hook from the @wordpress/data package allows you to retrieve and subscribe to data…
-
How to add gradient text to WordPress blocks
Here’s a simple CSS trick to add support for gradient text in WordPress that can be customized using only core block features. This example uses the Heading block