Welcome to WP Beaches
WordPress Websites design specialists, based in the Northern Beaches, Sydney
Design, Develop, Host
RECENT POSTS
Creating a FAQ Page in WordPress using ACF and jQuery
How to create a FAQ page in WordPress using Advanced Custom Fields and jQuery. ACF (Advanced Custom Fields) Pro comes with a great inclusion called the Repeater field which allows a user to continually add additional rows of data of certain custom fields to a page or post (or custom post type) in WordPress. This can be an ideal client…
How to create a TwentySixteen Child Theme in WordPress
A Child Theme in WordPress is a theme that takes all the juice out of its parent without doing much itself, pretty much like regular kids. This guide explains what a Child Theme is and how to create one from a parent theme using the latest version of WordPress using the theme TwentySixteen. The core benefit…
Add Custom Post Type Navigation Links in Genesis Themes
You can add post navigation links to custom post types in Genesis WordPress themes by using an existing function and just extending it. That function is genesis_prev_next_post_nav and is found in genesis/lib/structure/post.php The function just refers to posts in the code but you can extend that by adding your own custom post types to an array which then add the navigation…
Increase JetPacks Amount of Related Posts in WordPress
By default the related posts module from JetPack shows 3 related posts at the end of a regular single post in WordPress. You can use a JetPack filter to increase the amount of JetPack related posts with – jetpack_relatedposts_filter_options. You would use it like so… Just change the number to how many related posts you want…
Add CSS3 Animations to your WordPress Theme
You can easily add CSS 3 animations to your WordPress Theme with the very easy and popular animate.css by Daniel Eden. Download the latest version and add the animate.min.css file to your themes directory in a css subdirectory. Enqueing the CSS After the animate.min.css is filed add to your themes functions.php file Adding the CSS Animation…
Make WordPress Twenty Sixteen Single Posts Go Full Width
In the WordPress Twenty Sixteen theme when the viewport is over 985px the single posts float to the right of the .entry-footer info which contains the author, gravatar, categories and tags and a link to the comments. They don’t go the full width at that particular size. When the viewport is lower than 985px the…
Add Single Post Navigation Links in Genesis
Genesis has a function which is not active (in most themes) that allows post navigation from older to later posts when viewing in single posts view. That function is genesis_prev_next_post_nav and is found in genesis/lib/structure/post.php So to add the navigation below the post, add a snippet to your themes functions.php, you can use add_action( ‘genesis_entry_footer’, ‘genesis_prev_next_post_nav’ ); So here the…
Make a Full Width Twenty Sixteen Theme Header
Here’s how you can make a full width header with a background image in WordPress’ latest default theme ‘Twenty Sixteen’. So above I have just chosen the color scheme as grey and added a header image, which just sits the image below the the site title and menu – maybe you want the image as a background…
Add HTML Tags and Attributes back into Comments in WordPress
Since WordPress 3, the notice of being able to use HTML Tags and Attributes has been removed and there is just an empty string, which means that the use of the allowed tags in comments is still feasible but readers may not know. You can add this notice back in using the filter comment_form_defaults Add in…