WordPress Development

As I build WordPress websites for my clients, I share what I learn here as tutorials.

Adding Facebook Comments

Facebook Comments can be a great tool to increase the social sharing of posts. When people leave a comment, it will be shared on Facebook. Since most people are already…

Infinite Scroll in WordPress

A detailed tutorial on implementing infinite scroll in WordPress. Examples include scroll-based and click-based infinite scroll.

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.

Display menu items with equal widths

Normally if you use percentage-based widths and add new menu items, you need to go edit CSS. This approach automatically updates the CSS based on the number of menu items present.

Sorting Query Results by Multiple Meta Keys

I’m building a website that features reviews of hosting companies. I’m storing Price, Rating, and “Top Pick” as post meta. Users can sort the results by Price, Rating and Post Date. The client…

Customize which menu item is marked active

Use this filter to customize the CSS classes on menu items. For instance, make “Blog” active if you’re on the blog homepage, category archive, or a single post.

Full Width Landing Pages in Genesis

Many of the websites in my portfolio use a full width approach for their homepages and landing pages. See my article on building landing pages with ACF for more information…

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’