Tag: Block development

  • The HTML API: process your tags, not your pain

    All by itself, the HTML Tag processor is better than regular expressions. It’s convenient, reliable, fast—and You. Can. Read. It. This article shows you in two examples how to get started using the HTML Tag processor.

    Read Post

  • Understanding block attributes

    There’s more to block attributes than meets the eye. Attributes contain data needed by your block, and that data can be retrieved from a number of different locations, not just the block delimiter. This post shows you the ways.

    Read Post

  • An introduction to block variations

    Block variations are one of the most powerful ways to extend WordPress. Learn how to create them and incorporate variations into your workflows.

    Read Post

  • Styling blocks: empowering users with CSS custom properties

    Your block has complex markup, yet you want your users to easily style child elements within the block. How do you give your users this ability? With CSS custom properties. This post demonstrates the technique for doing this whilst also retaining compatibility with themes.

    Read Post

  • Make your site’s typography make a statement

    This is the first in a series of six posts that are all about typography on the web: what does great type look like? How do you set it? And why do we care? This first post covers the language of type—basic type terminology.

    Read Post

  • Navigating the Block Editor Handbook

    The Block Editor Handbook is intimidating even for seasoned developers. If you are new to block development, you’re likely to feel completely overwhelmed. This guide will help you to find your way around the Block Editor Handbook. It suggests a learning path that will help you become an expert in no time.

    Read Post

  • Using block inspector sidebar groups

    With the introduction of block inspector tabs in WordPress 6.2, block developers have more control over where custom controls should appear by leveraging the group of the InspectorControls component.

    Read Post

  • useEntityRecords: an easier way to fetch WordPress data

    The @wordpress/data and @wordpress/core-data packages are extremely useful for fetching and working with data in your block development projects, but they are not exactly intuitive to use. This tutorial introduces you to useEntityRecords which is a custom React hook that makes fetching data a great deal easier for the developer.

    Read Post

  • How webpack and WordPress packages interact

    Learn how WordPress uses Webpack to manage importing from the built-in packages that ship with WordPress.

    Read Post

  • Quick and easy local WordPress development with wp-env

    wp-env is a tool that allows developers to create a WordPress development environment from the command line with zero configuration. Learn how to install and use wp-env, and discover the benefits that it provides over other local development environments.

    Read Post