Setting up SVG Fallback Images in WordPress

SVG images are almost 96% supported in browsers but need a bit of backward compatibility for the 4% of stragglers, out of the box WordPress does not support the upload of SVG images via the media loader but you can circumnavigate…
Upload SVG Images to WordPress Media Library

By default you cannot upload SVG images to the media library in WordPress as this format is not allowed by default. SVG which stands for Scalable Vector Graphics is not a new format but been around since 1999, but has…
Create Equal Heights for Text Columns in a Row

To create equal heights for text columns in a row depending on data entered can be a CSS challenge, instead of futzing with CSS and height rules at different media queries there is a nice jQuery solution that automagically solves the…
Create a Masonry Layout on the Home/Blog Page in WordPress

WordPress already comes with Masonry either as pure Javascript or a jQuery plugin, here is how you can style a home blog page in a Masonry format with 3 columns. Enqueue the built in WordPress jQuery Masonry script and create…
Coding a Slider with Slick and ACF Pro in WordPress

Slick is a nifty jquery plugin that makes spiffy (yes I said spiffy) sliders, combined with Advanced Custom Fields Pro gallery field you can make an easy to use client interface to allow them to add images to a slider…
Socialising your Author Box in Genesis WordPress Theme

The Author Box in WordPress is sometimes overlooked and underused and it doesn’t display all the contact information entered such as Social Media contacts, this guide goes through turning it on, editing the contact meta info, using a new AuthorBox with the…
Add Fallback Featured Image in Genesis

To set a fall back featured image in Genesis if one is not set, you can use a parameter in the filter genesis_get_image, in the code below I want to target a particular category and use a dashicon icon if the featured image is…
How to find out which WordPress template is being used in a Theme

How do you quickly find out which template for a page or post in your WordPress theme is being used without systematically going through each template? WordPress uses a structure of templates formed in a hierarchy of importance, when one isn’t…
Add a Slider to the Home Page in Genesis Theme WordPress using Cyclone Slider
Sliders have been slammed a lot recently, notably for their effectiveness and usability, however within certain contexts they are still relevant and more importantly still popular with clients, their use may be more relevant to certain industries, their usage may…
Using wp_localize_script with jQuery variables including strings, booleans and integers

The use of wp_localize_script is an API in WordPress is to retrieve PHP values from the database to use in javascript/jquery scripts, it can also be utilized to make string values language translatable if required, but also used to pass user defined variables/settings say…