Welcome to WP Beaches

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

Our Work

Recent Posts

Conditional Check if Custom Post Type Posts Are Published

Check Cpt Loop Conditionally

You can check on the existence of published Custom Post Types by using a new WP_Query loop with an if/else statement, as the CPT is already registered it is difficult to use a conditional check without checking the loop of…

Add Search Toggle Icon at End of Menu in WordPress

Add Search Menu Wordpress

In WordPress, you can add a search toggle field at the end of a menu using the filter wp_nav_menu_items or a similar menu filter by which you can append menu items at the end of the targetted menu, add a…

Git WordPress workflow for Local Development to Staging Site

This guide shows a Git WordPress workflow and demonstrates version control using Git from a local development environment on macOS to a staging site web server. For the Database control and pushing to staging, we will use WP Migrate Pro. A second remote repo…

Import / Export a mysql database on the command line

Remove Mysql Databse Macos

To export a mysql database (as a dump) from the command line run: mysqldump database_name > database_exportname.sql To import a mysql database dump into a database: mysql database_name < database_exportname.sql To export all databases into a dump: mysqldump –all-databases >…

Filter CPT Archive by Custom Taxonomy with Isotope

Isotope Custom Taxonomy Filter Cpt

The Isotope JS library allows for some instant filtering of posts from a taxonomy without page reloading. Below is a template file which uses a CPT Archive page and a Custom Taxonomy called ‘my_category’. Since it’s a CPT Archive page…

Fix FOUC ‘flash of unstyled content’ on WordPress

Fouc Wordpress

FOUC aka ‘flash of unstyled content’ is a bit of a pain after a layout has been put together but does not load without that flash of odd content jumbled up on load. Using a snippet of jQuery by adding…

Add a CSS class on a current active menu item

Add Css Class Active Menu

With manual menus you may need to add a CSS class to the current menu item that is active, below is a jQuery solution, that utilizes the URL of the page to match the link and add the CSS. (function($){…

Fixing BuddyPress Profile Page CSS on Beaver Builder Theme

buddypress-profile-page

When you look at a BuddyPress profile page on a full width page with no sidebar when using a WordPress default theme like Twenty Sixteen it looks a lot better than when viewing it in Beaver Builder theme…    …

Fill a whole Div element with a Link Tag inside the Div

Fill Div Link Tag

You can fill a whole div or other parent element container in HTML with a link tag inside the div using some positioning attributes in CSS.The link tag is absolutely positioned to its parent which is relatively positioned, and will…

Recent Work