Adding a Data Attribute to a Menu List Item via the Walker Class

Here is how to add a Data Attribute to a Menu List Item via the Walker Menu Class. Some of the markup of the WordPress menu is hard to filter or hook into, the Walker class allows for a full custom menu mark…
Hide a certain Category’s Posts from the Home/Blog page in WordPress

To hide a certain Category’s posts from the home or blog page you just need to know the category ID and then use a filter on the pre_get_posts hook to exclude those posts. To find the ID for the Category just go…
Add a Custom Post Type Template in WordPress 4.7

WordPress 4.7 brings a new feature in the ability to add a Custom Post Type template in a similar way a Page Template is added. A page template can be added by creating a specific file page-{id}.php or page-{slug}.php file, the…
Flexbox – some notes on Container and Child Item Properties and Values

This is not a tutorial as such, just a bunch of notes for myself as I start to utilize flexbox more in my layouts, there is quite a lot of great guides with working layout interactive examples but I am…
AutoPrefix Browser Vendors to your CSS style sheet with a Gulp Workflow

You can automatically add browser vendor prefixes to your CSS style sheet using a Gulp workflow and an AutoPrefixer package, this can be a huge time save and safety net to use newer CSS properties like flexbox that require cross browser prefixes.…
Adding a Full Width Background Image Behind Genesis Header with Beaver Builder

You can add a full width image background behind the site header in Genesis with Beaver Builder with a couple of CSS tweaks. By default when creating a Beaver Builder page in Genesis it’s width will be restricted by the…
Add Scroll Back to Top of page Functionality in WordPress

How to add a scroll back to top of page in WordPress? – I am sure there are a dime a dozen tutorials and plugins on this subject – here is the solution I went with. jQuery scrollToTop was my choice…
Using ACF Gallery Field with jQuery Backstretch Plugin

To have an enduser add or edit images used as multiple backgrounds for use in a backstretch script you can use the ACF Gallery field for the user to add the images and then use a foreach loop to add the…
Setting up Composer and PHPCodesniffer on Atom Editor on macOS

Here is a guide on how to get PHPCodesniffer going on Atom text editor using the WordPress code standards, this will be done via adding PHPCodesniffer via Composer, you can also add PHPCodesniffer via Pear or Homebrew, I used to have it…
Remove Meta Boxes in Genesis Theme Settings

You can remove the metaboxes that appear in the Genesis theme settings in the WordPress dasgboard – this may help when you want an end user not to use or change certain theme settings. In this Gist are the main…