Latest WordPress Tutorials

This tutorial shows you how to convert the standard WordPress gallery into a fading slideshow. We’ll use some PHP and core JavaScript – it’s super-lightweight.

Turn any WordPress Gallery into a Slide ShowGo 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

Take the standard hierarchical WordPress pages widget and make it dynamic with a bit of JavaScript. Expand and Collapse the child items.

Make the WordPress Pages Widget DynamicGo to the Tutorial

Automatically create a colour scheme from any image, or your site’s favicon. Simple image processing using PHP/ImageMagick.

Auto-Create a Colour Scheme from an ImageGo to the Tutorial

Create a custom WordPress animated typewriter effect you can add to your hero sections, or to your posts. No plugin required.

Animated JavaScript Typewriter Text EffectGo to the Tutorial

Make the phone number field in WooCommerce checkout required for some shipping methods, and optional for others.

Conditionally Required Checkout Phone NumberGo to the Tutorial

This tutorial shows you how to build custom CSV exports so you can extract any data you want from posts, pages and WooCommerce orders.

Export Any CSV Data from WordPress & WooCommerceGo to the Tutorial

Create a custom user registration form in WordPress. Capture custom user meta and show them in the admin columns in the back-end.

Custom User Registration Form FieldsGo to the Tutorial

Eliminate multiple instances of Font Awesome on your WordPress website, and replace with a single self-hosted instance. Works with FA 4 & 5.

Self-Host Font Awesome in WordPressGo to the Tutorial

Learn how to easily create a full-width video hero banner on your WordPress website. No plugin required. Copy-and-paste tutorial.

Full Width Hero Video Without a PluginGo to the Tutorial

Learn how to use Markdown in your WordPress projects. Attach content in Markdown format in a custom field and convert it to HTML.

Convert Markdown to HTML in your WordPress ProjectsGo to the Tutorial

Learn how to use the phpqrcode library to add QR Codes to your WordPress sites. We’ll wrap up the library and make an easy-to-use shortcode.

Generate QR Codes in WordPress PostsGo to the Tutorial

Learn how to make your WordPress website private, so visitors have to log in to access the content… without using a membership plugin.

Create a Private WordPress Site Without a Big PluginGo to the Tutorial

Learn how to use Yoast to make your WordPress website palatable to Google. Simple techniques for non-technical content creators.

Learn How Use Yoast SEO : Useful ChecklistsGo to the Tutorial

Create an pop-put set of jump links based on your posts’ h2 tags – a responsive, automatic table of contents for your WordPress posts.

Automatic Table of Contents for WordPress PostsGo to the Tutorial

Create a dynamic scroll-to-top button. It’ll slide in from the side of the page when you scroll down, so you can jump back to the top of the doc.

Dynamic Pop-out Scroll-to-Top ButtonGo to the Tutorial

Add related posts at the end of your WordPress content. We’ll also create a simple shortcode, so you can insert related post grids directly.

Create WordPress Related Posts TilesGo to the Tutorial

Learn how to take control of your stylesheets, and reduce the amount of unused CSS you’re serving up with your page loads.

Remove Unused CSS from your WordPress SiteGo to the Tutorial

Turn any WordPress image or gallery block into a fully responsive lightbox, with swipe left/right. Only minimal code needed.

Turn WordPress Image & Gallery Blocks into a LightboxGo to the Tutorial