Latest WordPress Tutorials
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
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
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
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
Learn how to create an address search with auto-complete for your WooCommerce checkout page, using the Google Places API.Checkout Address Autocomplete Without a PluginGo to the Tutorial
Add custom menu icons to your WordPress nav menus without using a plugin. Really easy to customise, and works with any version of Font Awesome.Add Nav Menu Icons Without a PluginGo to the Tutorial
Fix Google Search Console warning, “Missing field ‘brand'”. Learn how to create a Brand attribute and add it to WooCommerce’s schema markup. Improve your products’ search exposure.Add Brand to WooCommerce Product SchemaGo to the Tutorial
In this tutorial we’ll build upvote and downvote buttons that can be added to any post or excerpt. We’ll start with a requirement specification, break down the components we need, and then code it.Upvote and Downvote WordPress PostsGo to the Tutorial
Featured WordPress Tutorials
Learn how to create a custom WordPress animated typewriter effect. Add it to hero sections or use it anywhere in your posts and pages. It’s nice and lightweight – no plug-in required.
Learn how to add Google Maps to your WordPress website without installing yet another 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.
Create an address search box with auto-complete for your WooCommerce checkout page. Your customers can search for their billing address by querying the Google Places API. Quite cool.
This copy-and-paste tutorial shows how to convert the standard WordPress Gallery Block into a responsive masonry gallery with a full-screen pop-up light box. Just add a single CSS class to any Gallery block to turn it into a masonry gallery, without installing a plug-in.
This neat little tutorial helps you block the WordPress API for non-logged-in users. It also blocks user enumeration attacks. Copy and paste into your child theme. No plugin required.