Welcome to WP Beaches

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

RECENT POSTS

Add Link Tag to Whole Column in Beaver Builder Layout

Wrap Column In Link

To add a link to a whole column in a Beaver Builder layout you need to use some jQuery to add the link tag markup to make the whole column clickable. This post has 2 solutions the first is the simpler one with no CSS just some jQuery – the second one is more long…

Change Default Values in Beaver Builder Themes Customizer Settings

Change Default Customizer Settings Beaver Builder

The Beaver Builder Themes default values in the Customizer can be changed with the fl_theme_add_panel_data filter. These are the values when you click on the default button that return a value set from the original code. The filter is found bb-theme/classes/class-fl-customizer.php and takes 2 parameters $key and $data, the former being the customizer panel and…

Changing the Customizer Values & Presets for the Beaver Builder Theme

beaver-theme-preset-default

Here is a quick way to override the active preset that comes with the Beaver Builder Theme in the Customizer. This may come in handy if you need to start off with your own preset settings and perhaps remove all the other presets so the theme cannot be drastically changed. You can obviously override the preset…

Output The Featured Image in a Loop as a Linked Media Image

Feature Image Loop

Instead of linking a featured image to a post permalink in a loop – here is how you can link to its original image of itself. View the code on Gist. So above, the title and featured image is output of a post – the title has a link to the post whilst the image…

Filter Custom Post Types by Taxonomy in WP Admin Dashboard

Filter Cpt By Taxonomy Term

Filter CPTs by a linked custom Taxonomy in the WP Admin Dashboard is possible with restrict_manage_posts. In the screenshot there is a CPT list of posts, with a dropdown menu of a linked custom taxonomy terms which are filterable via the filter button next to it. The code goes in functions.php View the code on…

Add Modern Tribe Event Categories as CSS classes in Event Posts

Modern Tribe Event Category

Event Categories are not added as CSS classes to individual Event Posts in the Modern Tribes Event Plugin for WordPress,  however you can use the body_class filter to add them in. add_filter( ‘body_class’, ‘cp_event_taxonomy_in_body_class’ ); // Ref – https://theeventscalendar.com/support/forums/topic/add-category-name-as-body_class/ // Add event categories terms to body class of event posts function cp_event_taxonomy_in_body_class( $classes ){ global…

Changing the Modern Tribe Events Date Format

Modern Tribe Event Date Format

This is some code borrowed and extended on to change the Modern Tribes Event plugins date output format to make it a bit easier on the eye than the default output. View the code on Gist. It is a shortcode [all_the_single_dates] that outputs the dates like so …. 09 – 14 September 2018 28 October…

Add Search & Filter Pro to Beaver Themer Post Module CPT Archive

Search Filter Beaver Themer Cpt Archive

You can use Search and Filter Pro with Beaver Builders Themer Post Module columns post layout, this guide goes through the tweaks needed and uses a CPT (custom post type) archive page. Create your Posts Module CPT Archive Page via Themer       Create your Posts Module with the columns layout on a CPT…