Welcome to WP Beaches
WordPress Websites design specialists, based in the Northern Beaches, Sydney
Design, Develop, Host
RECENT POSTS
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 layout aptly called… matchHeight. So in the above I am using custom post types with custom fields,…
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 a initiate file which targets our .home .entry posts. Add some CSS style for…
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 on a post/page or custom post type. The example slider in this tutorial will use…
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 new contact info and using icon fonts to display those social media accounts. Turning on…
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 not set. This icon (or image) will then appear on the archive page. The genesis_get_image…
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 there it falls back to the next in the chain. Click for a closer look…
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 from a plugin to load via a jQuery init file for a jQuery plugin. By…
Using Slidebars to Slide In and Out Content in A Genesis Theme
Having some content slide out from the side of a page is a great solution for off canvas content, it can solve crowded page issues especially at smaller sizes as it can slide in content that takes prominence, do what it needs to do for the user and then slide out again, Slidebars is a jQuery plugin solution that…