Welcome to WP Beaches

WordPress Websites design specialists, based in the Northern Beaches, Sydney Design, Develop, Host

Our Work

Recent Posts

Show All the Tags in WordPress Post Editor

show-all-tags-post-editor

Want to show all the tags in the WordPress post editor, so you can easily tag a post with all available tags – you can with get_terms_args In your functions.php add in… add_filter( ‘get_terms_args’, ‘themeprefix_show_tags’ ); // Show Tags function…

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

data-attribute-walker-class-wordpress

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

custom-post-type template

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

flexbox-notes-containers-children

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

autoprefix-css-gulp

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…

Recent Work