Refine WordPress

Refine your WordPress website. Get the little details right with cool plug-ins, neat CSS, and bits of custom code in your functions.php file. We’ll cover shortcodes, widgets, the login page and using different technologies like PHP and JavaScript/jQuery.

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.

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.

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.

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.

Brand schema tutorial

Add Brand to WooCommerce Product Schema

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.