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.
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.
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.
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.
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.
Remove the Dashboard from the WooCommerce My Account area. Choose a different default page for your customers, like the “Orders” page.
This copy-and-paste tutorial shows how to convert the standard WordPress Gallery Block into a responsive masonry gallery with light box.
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.
Learn how to create an address search with auto-complete for your WooCommerce checkout page, using the Google Places API.
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.
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.
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.
Take the standard hierarchical WordPress pages widget and make it dynamic with a bit of JavaScript. Expand and Collapse the child items.
Automatically create a colour scheme from any image, or your site’s favicon. Simple image processing using PHP/ImageMagick.
Make the phone number field in WooCommerce checkout required for some shipping methods, and optional for others.
Create an pop-put set of jump links based on your posts’ h2 tags – a responsive, automatic table of contents for your WordPress posts.
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.
Turn any WordPress image or gallery block into a fully responsive lightbox, with swipe left/right. Only minimal code needed.
Learn how to animate any WordPress block on scroll. There’s very little code and you can add it to any WordPress site without a plugin.
Create a clickable tag/word cloud based on any taxonomy. Works best when you’ve got a taxonomy that has a lot of terms.
Create a button to add items to your cart by SKU and Quantity. Deploy the button as a shortcode, hook the single product page, and more…
Notifications
Headwall WP Tutorials only uses essential cookies so the site can function. We don't use any third party trackers or Ads. You're OK with this, right?