Category: Tutorial

Exploring WordPress Styling Techniques

When performing WordPress theme and plugin development work, we must apply WordPress styling techniques in specific areas. WordPress provides different methods to apply styles in different scenarios. In this article, I will explain the process of adding styles to each area. WordPress is a...

Having Fun with Query Loop Block

The Query Loop block is a powerful tool that brings the WP Loop, a core WordPress function, to the block editor. Introduced in WordPress version 5.8 and continually updated and improved since then, the Query Loop block is a useful way to...

Integrating WP Search with Algolia: Autocomplete and Instantsearch Customization

In the first part of my three-part series, Integrating WP Search with Algolia, I covered settings and index management for a WordPress install. There, I shared details like managing indices settings, as well as controlling when products may or may not get...

Debugging WordPress Using Xdebug, Local, and VS Code

This post covers debugging WordPress using Xdebug, Local, and VS Code. This approach to debugging is far superior to logging variables to the error log or to the screen. Getting things set up correctly can be tricky. That’s where this tutorial helps....

Adding Custom Notices for the Gutenberg Editor

WordPress admin notices have changed and the good old PHP-based hooks no longer work for Gutenberg. This post covers the easy way to add admin notices when a post gets added or updated.

Let’s Create an FSE Theme

A lot has changed since the last time I wrote about Full Site Editor. With the arrival of WordPress 6.0, the Full Site Editor (FSE) has matured for the better. Perhaps the most obvious update is the UI, along with a new...

Quick Tip: Change PHP Versions with Homebrew on Apple Silicon Powered Macs

When you change PHP versions with Homebrew, it makes managing packages on macOS easier. However, Apple’s new silicon is based on ARM64 architecture. This means that not every package or app can run natively (yet). Thankfully, Rosetta 2 helps bridge the gap...

Local Development with Node and Express

Create your Server If you are working with React and webpack, you probably or mostly never have to create your own local server. If you ever wonder how it works under the hood, here is a simple way to get a local...

Quick Tip: Gutenberg Blocks as JSON

Big Ugly Blobs When WordPress saves Gutenberg blocks to the database, it smashes them together as a string of markup. When you query that via the REST-API or WPGraphQL? You get this big ugly blob of HTML: The screenshot above isn’t that...

Quick Tip: Add Custom Meta Fields to GraphQL

One of WordPress’ greatest strengths, at least in my opinion, is its ability to function as a general-purpose content management system. This is usually done through custom post types and custom meta fields. Putting them onto the website is as easy as...