Create a WordPress Popup Without a Plugin
Learn how to build a configurable popup module you can use in multiple projects. Configurable and extendable, with multiple display methods and no JavaScript dependencies.
WooCommerce Shipping Methods as a Dropdown List
Convert the WooCommerce checkout shipping methods to a drop-down list, or pill-style buttons. It’s copy-and-paste code and you can customise it for your store’s specific needs.
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.
Animated Text-Reveal Effect
Learn how to create an animated text-reveal effect for your WordPress projects. A fun copy-and-paste JavaScript tutorial.
Parallax Scrolling Sprites with Rellax JS
We’re going to use the Rellax JS parallax scrolling library to create the effect of rising bubbles, as the reader scrolls down the page.
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 Admin Menu Items with Custom URLs
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.
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.
Button to show a Random Post
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.
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 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.
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.
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.
Floating Button Tutorial for WordPress
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.
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 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 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.
Record When Users Log In to WordPress
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.
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 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.