Browse by topic
AI (2) Block Creator Course (11) Data + Social Science (3) Design (3) Featured (1) General (5) Immersive + 3D (3) React + Next.js (6) Speaking (1) User Experience (7) Web (6) WordPress (25)
-
How to Build Multiple ACF Blocks Within a Single Plugin or Theme | Block Creator 10
This tutorial will be a little different than most of the others in this series. Rather than follow along for building a specific block or learning a specific…
-
How to Build Custom Blocks Using Advanced Custom Fields (ACF) in WordPress | Block Creator 09
In this lesson we’ll go over the basics for creating custom blocks with the Advanced Custom Fields plugin. If you’ve been following along with the course so far,…
-
How to Build Responsive Designs in the WordPress Editor by Extending the Core Columns Block
One of the most frequently cited limitations of the WordPress block editor is the lack of true responsive design options that are found in full fledged site builders…
-
How to Pass Data Between Custom Blocks with Block Context | Block Creator 08
In the past few lessons, we’ve explored how to create nested blocks. This is a super powerful design pattern. In this lesson, we’ll take this a step further…
-
How to Package Multiple Custom Blocks Together and Curate the Editing Experience in WordPress | Block Creator 07
In this lesson we’ll take a short break from directly developing blocks. Instead, we’ll look at how to package our blocks together in a plugin file and customize…
-
How to Create a Carousel / Slideshow Custom Block with WordPress | Block Creator 06
In this lesson we will create a Carousel / Slideshow block from scratch. We’ll actually make two blocks – one “slide” block that will hold the individual image,…
-
How to use Inner Blocks to make Flexible Dynamic Blocks | Block Creator 05
In this lesson we’ll take a look at how to design more flexible custom blocks using Inner Blocks. This technique also has an added benefit of speeding up…
-
Building Custom Dynamic Blocks from Scratch with WordPress | Block Creator 04
In this lesson we are pivoting away from static blocks to dynamic blocks instead. As a refresher: while static blocks store markup in the WordPress database, dynamic blocks…
-
How to Manage Block Deprecations with Static WordPress Blocks | Block Creator 03
Welcome to part 03 of the Block Creator series! In this lesson we’ll explore a more complex topic of block deprecations. This is one of the more challenging…
-
Adding Options to Custom Blocks with Block Supports | Block Creator 02
In this lesson, I’ll pick up where we left off with our basic static block from Lesson 01. If you haven’t completed that lesson go ahead and take…
-
How to Build a Simple Static Custom Block in WordPress | Block Creator 01
Welcome to the Block Creator series! If you haven’t looked at the course introduction feel free to take a moment and check it out before jumping into this…
-
WordPress Block Creator Course – Introduction and Local Development Setup
The WordPress block editor has had somewhat rocky adoption over the last several years, but once you learn to unlock the power of creating your own custom block…
-
Eleventy (11ty), Vite, Tailwind, and Alpine.js – Rapid static site starter framework
·
Eleventy is one of my favorite web development tools to work with because it is so fast to get started with, but can handle a surprising amount of…
-
How To Create WordPress Patterns Easily with Pattern Manager from WP Engine
WordPress patterns are an amazing tool to provide clients with a simple yet powerful site building interface out of the box. Until pretty recently though, they have been…
-
How to safely store API keys and access protected external APIs in WordPress
I recently built a custom block on WordPress that allowed the content editor to fetch data from the google API to populate some attributes automatically. Doing this required…
-
Custom Sidebars and Post Meta in Gutenberg – Build a Location Map Plugin
One of the areas where the WordPress Gutenberg editor gets a lot of complaints is that it doesn’t really handle structured data. A great example is a restaurant…
-
Build a Custom Settings Page within WordPress – Announcement Banner Plugin
In this tutorial we’ll walk through creating a custom plugin with an admin settings page and cover the WordPress Options API. We’ll be building an announcement banner plugin…
-
Building a Random “Post of the Day” Block for Gutenberg from Scratch – Part 2
Last week I published a tutorial on building a “post of the day” block that will randomly pick a post to display and automatically switch it up every…
-
Building a Random “Post of the Day” Block for Gutenberg from Scratch
In this tutorial we’ll build a custom block for Gutenberg that will display a “post of the day” that gets randomly generated every 24 hours. It will be…