basic

How to overlay a grid on your website

Most designers use a grid to organize content on the page. When I’m developing a website using their designs, it’s nice to be able to visually access that grid to…

h1’s on front page with Genesis

If you’re using a Genesis theme, make sure your homepage has an h1 on it. This article outlines how to find it, and how to add it if you don’t already have one.

Rename the sidebars on Sixteen Nine theme

This theme uses ‘header-right’ for the left sidebar and ‘primary sidebar’ for the right. Rename them to ‘left sidebar’ and ‘right sidebar’

Column Class Generator

Column classes allow you to break a page’s content into multiple columns. I’ve built a calculator so you can update the column classes to match your site’s grid.

Easily regenerate specific images using WP-CLI

One of my favorite features of Synthesis, the host I use as my development server, is that it has WP-CLI pre-installed (here’s some other hosts that have it as well).…

Fun with Avatars

I’m working on a site that required some customization of the avatars. Here’s some CSS-based approaches to these changes.

Building a Genesis Child Theme

A question I hear all the time is “how do I build a child theme?” This is a tutorial that walks through my process, using an actual client site as an example.

Adding “Blog” to Genesis Breadcrumbs

Here’s how to modify the Genesis Breadcrumb to include a “Blog” link, changing Home > Category > Post Title to Home > Blog > Category > Post Title