Add FontAwesome to WordPress posts with a Shortcode
Every now and again we require a FontAwesome icon to be added as part of the WordPress post content, now FontAwesome are really good and give you the html code for each icon to copy into your post....
View ArticlejQuery each() vs for loop
I recently read that the jQuery ‘each’ construct is more performance intensive than running a simple ‘for’ loop, which is borne out by testing. The ‘FOR’ loop being a native Javascript function is...
View ArticleRadio box styling for Contact Form 7
Hey there, here’s an update on the way I style up Radio inputs in Contact Form 7, this is in an update on the previous post about styling checkboxes as the same method applies. When you are adding...
View ArticleCouple of methods for Enqueuing FontAwesome in WordPress
Font Awesome is the ever useful font set for icons of all flavours. Version 4.7 is free and easily added to your WordPress website by a couple of methods. Firstly we can use a CDN to queue up the...
View ArticleChecking Gutenberg render callback locations
Gutenberg needs no introduction for serious WP heads these days, and I expect – like me, you’ve all been experimenting with creating funky custom blocks. During one of these experiments I had created...
View ArticleFixing the node-sass error extracting old Roots Sage projects
Problem: When extracting a package a stream of errors are generated on installation of yarn. gyp ERR! build errorgyp ERR! stack Error: not found: makegyp ERR! stack at getNotFoundError...
View ArticleSolving the IOS body overflow bug
Often I find myself locked into a battle of wits with the iOS browser and it’s annoying rendering quirks, and until recently a recurring issue was getting the body to lock in place allowing users to...
View ArticleLittle bit of jQuery to control your page scroll
Here’s a little snippet which is useful for manipulating elements on window scroll events. const sc = { header: $('#masthead').height(), activeHeader: 80, scroll: 0, active:...
View ArticleRoots Sage Yarn node-sass Errors
When unpacking old Roots/Sage builds I often have issues with node-sass node versions and getting Yarn to build the project. Typically, after typing ‘yarn’ on the cli to install the dependencies, it...
View ArticleSome of my favourite WordPress Filters
Everyone likes a good filter and virtually anything you want to do with WordPress has some sort of filter built into it. So we can change the string appended to the_excerpt(): /** * Add "… Continued"...
View Article