=== WPD BB Additions === Contributors: (smarterdigitalltd) Tags: beaver builder, beaver builder modules, beaver builder enhancements Requires at least: 4.6 Tested up to: 4.8 Stable tag: 1.8.7 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html A collection of useful modules, custom fields and settings for the Beaver Builder page builder. Requires the Beaver Builder plugin. == Description == = Modules = Check out the demo page [here](https://wpdevelopers.co.uk/wpd-beaver-builder-additions-modules/). **WPD Optimised Video Embeds** A small module to let you embed YouTube or Vimeo videos into your site without the bloat that comes with the regular iframe method. Read [this post](https://wpdevelopers.co.uk/optimised-youtube-vimeo-embeds-for-beaver-builder/) for details on how much it can increase your website speed substantially. Features: * You are able to add your own icon, colour and responsive size for the play button using the Beaver Builder icon library * Specify parameters for the video (eg. rel=0 so you don't show related videos at the end) * Add a thumbnail overlay * Add a thumbnail CSS filter (sepia, grayscale, invert) * DNS pre-fetching using [resource hints](https://w3c.github.io/resource-hints/) * Define your own aspect ratio for a perfect fit (to prevent black borders at the top/bottom/left/right) Based on [David Waumsley's](http://www.beaverjunction.com/) findings. **WPD Static Map Embed** A lot of people don't like to use an embedded website map for directions to a business. They often prefer the full Google Maps interface, particularly on mobile where they can use the Google Maps app as it's much less fiddly than maps embedded on a website. Not only that, but a lot of scripts are downloaded with embedded maps, which can slow down your website. This module uses the Google Static Maps API to display a static Google Map image on your site, that links to your location on a full Google Map. Desktop users will see the map in a new window, and mobile users will see it in the Google Maps app, if they have it installed. *Now with the ability to style the map using SnazzyMaps and MapStylr* See the corresponding [blog post](https://wpdevelopers.co.uk/beaver-builder-google-static-map/) for more details = Enhancements = Enhancements are small tweaks to the Beaver Builder plugin, that aren't a module or a field. **Module Animations** Lots of new entrance animations for your modules, including: * Roll Left * Roll Right * Bounce In * Bounce In Down * Bounce In Up * Bounce In Left * Bounce In Right * Fade In Down * Fade In Up * Fade In Left * Fade In Right * Flip In X * Flip In Y * Lightspeed In * Pulse * Flash * Shake * Tada * Wiggle * Wobble **Collapsible Rows** Collapse an entire row, and optionally set a cookie. Perfect for adding a promo bar in Beaver Themer. [Collapsible rows](https://wpdevelopers-4a03.kxcdn.com/wp-content/uploads/sites/5/2017/04/collapsible-row.gif) **Fade-on-scroll** Allows you to fade a row in or out as you scroll down the page. [Beaver Builder Fade on scroll row](https://wpdevelopers-4a03.kxcdn.com/wp-content/uploads/sites/5/2017/01/fade-on-scroll.gif) For further information, please read [this post](https://wpdevelopers.co.uk/fade-scroll-beaver-builder-rows/). = Fields = **Google Places Autocomplete** To support map modules I have created/will create, I have made a simple Google Places Autocomplete field. To use it, use the field type **wpd-google-places-autocomplete** in your modules. [Beaver Builder Google Places autocomplete](https://wpdevelopers-4a03.kxcdn.com/wp-content/uploads/sites/5/2017/01/beaver-builder-google-places-autocomplete.gif) **Value Slider** An HTML5 range slider for a more interactive/user-friendly input field. To use it, use the field type **wpd-value-slider** in your modules. It accepts *min, max, step & unit* parameters. == Installation == Get started by simply: 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the 'Plugins' screen in WordPress Admin 3. Within WordPress Admin, visit 'Settings' > 'Page Builder' > 'WPD Settings' to configure basic settings == Frequently Asked Questions == = How do I set my own aspect ratio for an embedded optimised video? = In version 1.5+, you can simply add or edit a WPD Optimised Video and then choose 'Custom' under 'Aspect Ratio'. You will then see 2 fields for width and height. If you have a 4:3 aspect ratio, use '4' in width and '3' in height. The default is 16:9. = How do I add a WPD animation into a Beaver Builder module? = New animations are simply added to a module in exactly the same was as usual. In the Beaver Builder editor, edit a module, head to the Advanced tab, and then choose an animation from the animation dropdown field. = How do I enable the 'fade on scroll' effects on a row? = Simply edit your row, and check the 'WPD' tab for this setting. = How do I enable the 'polaroid photo' effect on a photo module? = Simply add/edit a photo module, and check the 'WPD' tab for this setting. = How do I override the CSS for the polaroid photo effect? = You can either: * Add a file in your theme: **theme-name/wpd-bb-additions/enhancements/polaroid-photo/css/style.css** and it'll automatically overwrite. * Using the **wpd_bb_enhancements_polaroid_photo_css_file** filter to specify your own path == Screenshots == No screenshots yet. == Changelog == = 1.8.7 = * (Improvement) Integrate with Beaver Popups plugin = 1.8.6 = * (Fix) Small fixes to Google autocomplete custom field enqueued JS * (Fix) Small fix for collapsible row (account for body padding) = 1.8.5 = * (Improvement) Allow a custom field connection for Optimised Video URL = 1.8.4 = * (Fix) Small fix so BB function used in icon lookup = 1.8.3 = * (Fix) Small fix so icons will display if not enqueued elsewhere = 1.8.2 = * (Feature) Collapsible rows with ability to set cookie - ideal for promo bars in Beaver Themer = 1.8.1 = * (Improvement) More checks before initialising the plugin * (Fix) Ensure modules are hooked into init (to fix missing Advanced tab) = 1.8 = * (Improvement) Better checks before initialising the plugin = 1.7 = * (Fix) Remove a feature from WPD Additions admin which for a module that didn't make the final cut * (Fix) Fixed Firefox bug with 'jumping' thumbnail on Optimised Video Embed (Thanks Bob!) = 1.6 = * (Addition) Added a new value slider field for future development * (Improvement) Added thumbnail overlay to Optimised Video module * (Improvement) Added thumbnail filters to Optimised Video module (grayscale, sepia, invert) * (Improvement) Added the ability to style maps using SnazzyMaps & MapStylr to Static Map module * (Improvement) Added a delayed preview to Static Map module * (Fix) Fixed some logic with the fading rows for IOS = 1.5 = * (Improvement) Added the ability to change the aspect ratio of videos manually * (Improvement) Added the ability to remove the play icon = 1.4 = * (Improvement) New animations for modules = 1.3 = * (Fix) Check to see if old plugin exists, and prevents activation if so = 1.2 = * (Fix) Updated text domain in plugin * (Fix) Fixed WP.org banner images for plugin * (Fix) Fixed readme.txt = 1.1 = * (Fix) Amended image location for WP.org repo addition * (Improvement) Added a fade in scroll effect to Beaver Builder rows = 1.0 = * Initial release * BB Enhancement - Polaroid photo option * BB Enhancement - Module animations - roll left & roll right * BB Enhancement - Row fade on scroll * BB Module - Optimised Video Embed (speed up your page when you embed a YouTube or Vimeo video) * BB Module - Static Google Map (display a static Google map that improves your page speed when you embed a Google map) * BB Custom Field - Google Places auto-complete field * BB Class - WPDBBModule class (for developers) * BB Class - WPDBBUtils class (for developers) * Admin settings page == Upgrade Notice == = 1.8.7 = Introduce integration for Beaver Popups plugin