All our WordPress tutorials

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.

Product variation custom fields tutorial

Custom WooCommerce Product Variation Fields

This tutorials covers how to add custom fields to your product variations in WooCommerce, sanitise the inputs and display the fields in your customers’ orders. We’ll do this with a few snippets of code, without installing another plugin. It’s easy to extend, and you don’t need to be a developer to follow it. I promise.

Before and After Image Tutorial

Before and After Image Slider

Learn how to use the Cocoen JavaScript module to create before-and-after image sliders in WordPress. We’ll use the built-in WordPress Gallery Block to make it easy to layout the images.

Filter missing alt text tutorial for WordPress

Filter For Images Missing Alt Text

This copy-and-paste tutorial shows you how to extend the WordPress Media Library so you can find images that are missing ALT text. It’s a back-end/admin tutorial, but we’ll need somewhere to put the PHP code, so make sure you’re using a custom child theme.

WordPress Geolocation Access Control

Restrict WordPress Pages or Products by Country

Conditionally restrict access to WordPress posts, pages and products by country, based on visitor IP Geolocation lookup. We’ll use some geo-IP magic to get a visitor’s country, and compare it against either a block-list, or an allow-list.

Parallax scrolling effect tutorial

Parallax Image Scrolling Effect

This lightweight copy-and-paste tutorial show you how to create a parallax image scrolling effect in WordPress, without installing a plugin. Suitable for beginners and developers.

Google maps wordpress shortcode tutorial

WordPress Google Maps Tutorial

In this tutorial, learn how to add Google Maps to your WordPress website without using a plugin. We’ll create a custom shortcode that can be used multiple times on any post/page, and it’ll support multiple markers & popup info windows, with fully customisable HTML.