Articles & Tutorials
Check out the latest articles about WordPress development tips and techniques.
Setting up a child theme for hybrid or block themes
If you’ve been building with WordPress in the past, you may have used or heard of a “child theme” before. In this post I explain how child themes work and why you may (or may not) need one for your project.
4 new habits for adding stylesheets and scripts to WordPress
WordPress has some great new features and development patterns to help you get the most out of the stylesheets and scripts you’re adding to your pages. In this post I’ll show you 4 new habits to simplify enqueueing styles and scripts on your WordPress site.
How to get a list of posts in the block editor
If you’re building a custom block that renders a list of posts, you’ll need a way to get those posts! I’ll cover the pros and cons of each so you can choose the right approach for your situation when it comes up.
Add Custom CSS Variables in theme.json
If you’ve worked with the block or site editor you’ve probably noticed that WordPress generates CSS variables based on what you enter in theme.json. This includes things like your color palette, spacing values, font sizes, font families, and more. In this post I’ll show you how you can add your own custom CSS variable definitions…
How to build custom blocks in your WordPress theme
If you’re just getting into block development, deciding where to build your custom blocks can be confusing. Much of the documentation from wordpress.org suggests using a plugin, but in the past you probably stored reusable components directly in your theme. In this blog post, I’ll break down why you probably want to store your custom…
How to easily set up Webpack for a WordPress theme with 10up-toolkit
In a modern WordPress theme (or any frontend project) one of your first steps is setting up tooling. There are numerous tools to use, but if you’ve done this before you probably have used (or heard of) Webpack. If you haven’t, I’ll explain below. In this article, I’ll show you how you can easily leverage…
Add autocomplete to your theme.json file
The functionality of theme.json has been constantly expanding since the feature was introduced in WordPress version 5.8. This means there are always new things being added, but that also means there’s a whole lot to remember! In this post, we’ll talk about a one-line solution to add autocomplete and hinting to your WordPress theme’s theme.json…
How Alignments Work in Gutenberg
Alignments are a key concept that helps you create dynamic blocks with varying container sizes. In this blog post, I break down how alignments work in Gutenberg and share some tips you can use to leverage this capability to write more maintainable themes and build unique interfaces quickly.