All our WordPress tutorials

Single product image grid tutorial for WooCommerce

WooCommerce Single Product Image Gallery Grid

Change the WooCommerce single product image gallery into a grid layout, where the featured image and gallery thumbnails all the same size. For variable products, the top-left image is dynamic… so it shows the image of the selected product variation.

Custom WooCommerce admin column tutorial

Add a products column to the WooCommerce admin orders page

Create a new column on the WooCommerce admin orders page so you can see the products in each order. We’ll hook a WordPress filter to modify the list of columns available to the admin orders table. Then we’ll hook an action so we can render the contents of the column on a per-order basis.

WooCommerce custom registration fields

Separate WooCommerce login and registration forms

Learn how to split the WooCommerce login and registration forms into two separate URLs without using a plugin. We’ll also make it easy to add custom fields to the registration form, so you can capture things like billing address when new users/customers register.

Add share to social links to WordPress posts

Add Share-to-Social Links to WordPress Posts

Add share-to-social network links to any WordPress content without installing a plugin. We’ll use some simple PHP to hook the content and inject the links & icons. It’s easy to customise and to add more networks of your own.

Scrolling text marquee WordPress tutorial

Smooth Scrolling Marquee Text Banner

Create a scrolling text marquee banner, like a news-ticker, for your WordPress site with this copy-and-paste tutorial. Supports scrolling to the right for Arabic languages. No plugins required.

Numbered headings tutorial for WordPress

Auto-Numbered Headings

Learn how to add automatically-numbered headings for your post content. They can be ascending or descending. It’s a great little tutorial for Top Ten lists.

WordPress glossary terms tutorial

Create a Glossary with Rich HTML Tooltips

In this tutorial we’re going to create a glossary for a WordPress site, with rich HTML tooltips controlled by Popper JS, We’ll do this by creating a custom plugin, step-by-step.

EAN13 Product id tutorial for WooCommerce

Add GTIN to WooCommerce Product Schema

Fix the “No global identifier provided (e.g. GTIN)” warning from Google Search Console by adjusting the WooCommerce product schema. Works with GTIN, EAN and MPN.

Product Attribute Icons Tutorial

Product Attribute Icons for WooCommerce

Create a strip of product attribute icons and HTML snippets for the WooCommerce single product page. It’s a straightforward copy-and-paste tutorial that’s fully customisable with snippet files and filters, so you can use the same code in multiple projects.

WordPress popup emailer tutorial

Popup Email Form Without a Plugin

Create a popup email contact form on your WordPress site without installing a plugin. We’ll include a GDPR/privacy consent checkbox, and we’ll rinse messages through Spam Shield to block junk messages.

WordPress Swiper Gallery Tutorial

Multiple WordPress Gallery Effects with Swiper

This tutorial extends the standard WordPress Gallery Block by using Swiper and GLightbox. You can apply different transition effects to your WordPress galleries by adding CSS Classes to the gallery blocks.