Latest WordPress Tutorials

Add custom menu items to the main WordPress admin menu, with whatever URLs you want. Super-handy for linking to external support URLs and custom reports.

WordPress Admin Menu Items with Custom URLsGo to the Tutorial

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.

Create a Glossary with Rich HTML TooltipsGo to the Tutorial

Add a button anywhere in your WordPress site that lets users jump to a random post. Works with any post type and with page caching plugins.

Button to show a Random PostGo to the Tutorial

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.

Add GTIN to WooCommerce Product SchemaGo to the Tutorial

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.

Product Attribute Icons for WooCommerceGo to the Tutorial

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.

Popup Email Form Without a PluginGo to the Tutorial

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.

Multiple WordPress Gallery Effects with SwiperGo to the Tutorial

Add an always-on-top floating button to your WordPress site that displays a fully customisable popup panel when clicked. The whole thing will be mobile-first responsive.

Floating Button Tutorial for WordPressGo to the Tutorial

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.

Custom WooCommerce Product Variation FieldsGo to the Tutorial

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.

Before and After Image SliderGo to the Tutorial

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.

Filter For Images Missing Alt TextGo to the Tutorial

Learn how to record the date & time when users log in to your WordPress website. Display these login dates in the admin area so you can find inactive accounts. We’ll do this with a small amount of copy-and-paste PHP code, without installing any new plugins.

Record When Users Log In to WordPressGo to the Tutorial

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.

Restrict WordPress Pages or Products by CountryGo to the Tutorial

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.

Parallax Image Scrolling EffectGo to the 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.

WordPress Google Maps TutorialGo to the Tutorial

Remove the Dashboard from the WooCommerce My Account area. Choose a different default page for your customers, like the “Orders” page.

Remove Dashboard from WooCommerce My AccountGo to the Tutorial

Create a popup menu with an Ajax login form so users can sign in to your WordPress site without leaving the current page. A neat little User Experience enhancement.

Ajax Login for WordPress Without a PluginGo to the Tutorial

This copy-and-paste tutorial shows how to convert the standard WordPress Gallery Block into a responsive masonry gallery with light box.

The WordPress Masonry Gallery TutorialGo to the Tutorial

Learn how to create a neat little shortcode so you can add keycaps into your WordPress posts. The tutorial is super easy to code, and simple to extend.

WordPress Keycaps ShortcodeGo to the Tutorial

Create a small amount of code to capture marketing sign-up consent in your WooCommerce checkout. Then register your new customer in your Send-in-blue contact list.

Sign Up to Sendinblue from the CheckoutGo to the Tutorial