Welcome to WP Beaches

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

RECENT POSTS

Fixing BuddyPress Profile Page CSS on a Genesis 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 in a Genesis starter theme…       So out of the box the Genesis theme loses the navigation layout structure of…

Add WooCommerce Add to Cart Button to Menu with Offscreen content like Outfitter Pro

woocommerce-add-icon-overlay-add-to-cart

This is a guide to add a WooCommerce Add to Cart button icon to a main menu with a toggle effect that displays added shop items in a mini-cart in an overlay. This is offscreen content displayed and closed on click, this is how the new Outfitter Pro theme uses it, in this guide it is…

Setting Up GeoIP Location on Piwik on ServerPilot

geocity-piwik-serverpilot

Using a combination of ServerPilot and a Vultr server instance is a great solution for a Piwik server for tracking analytics. After setting up the initial Piwik install here is how you can set up the GeoIP location module set up to enable you to view visitor results from City and Country Location. Piwik can…

Replacing the default ServerPilot Firewall with your own using UFW

serverpilot-custom-firewall

ServerPilot comes with a default firewall enabled when you connect to a droplet instance such as from Vultr or Digital Ocean, the only option you have from the ServerPilot control panel is to toggle if on or off. The actual firewall used is called UFW (uncomplicated firewall) which is a simplistic wrapper over the underlying IP…

Add System Font Stack to Customiser Preset in Beaver Builder Theme & Plugin

system-font-stack-beaver-theme

A system font stack is a series of fonts that are native to Apple, Windows and Linux desktop and mobile operating systems, they are inbuilt so are fast to load and provide a relatively comfortable and consistent display across different mediums. Beaver Theme 1.6.2 has added some additional filters that allow extra fonts to be…

Add Category and Tag Archive Descriptions in Beaver Builder Theme

beaver-theme-description

Here is a way to add the category or tag description to the archive page under the archive title of a Beaver Builder Child Theme which does not show by default, to do this we will copy a couple of files from parent to our child theme and add in a WordPress function. Copy the…

Add WooCommerce Styles to The Customizer in WordPress

add-woocommerce-to-customizer

Adding the WooCommerce styles to the Customizer in WordPress can help you quickly style and scaffold some common components of WooCommerce. This tutorial takes you through how to set that up in a WordPress starter theme using a child theme. This is an intermediate example and not all the code is explained in detail. First…

Add an Extended Store Schema Type to ‘Business Profile’ WordPress Plugin

schema-florist-markup

Business Profile WordPress plugin feeds some rich Google microdata schema to search, you can extend what is available in the plugin to other known schema for a business. This example uses a Florist as an example, Florist is a valid schema under Store but does not appear in the plugin dropdown options. For other valid schemas,…

Add a Mobile Number Field to WordPress ‘Business Profile’ Plugin

add-microdata-schema-mobile-number

Here’s how you can add an additional field like a mobile number to the Business Profile plugin. The plugin has many hooks and filters to allow us to create an extender style plugin as in the one below. We are utilising 3 filters bpfwp_settings_page, bpwfp_contact_card_defaults and bpwfwp_component_callbacks – 1 callback prefix_print_mobile and enqueueing some CSS to exisiting CSS with…