WPD Beaver Builder Additions
Módulos
Check out the demo page here.
WPD Optimised Video Embeds
New with 2.0.0 <
Now you have the ability to make a button appear above or below your videos after a certain number of seconds.
–
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 for details on how much it can increase your website speed substantially.
Recursos:
- 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
- Define your own aspect ratio for a perfect fit (to prevent black borders at the top/bottom/left/right)
Based on David Waumsley’s 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 for more details
Melhorias
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:
- Rolar esquerda
- Rolar direita
- Entrar pulando
- Pular de baixo
- Pular de cima
- Pular da esquerda
- Pular da direita
- Aparecer de baixo
- Aparecer de cima
- Aparecer da esquerda
- Aparecer da direita
- Virar em X
- Virar em Y
- Entrar rapidamente
- Pulso
- Piscar
- Tremer
- Tcha-ram!
- Balançar
- Oscilar
Collapsible Rows
Collapse an entire row, and optionally set a cookie. Perfect for adding a promo bar in Beaver Themer.
Fade-on-scroll
Allows you to fade a row in or out as you scroll down the page.
Beaver Builder Fade on scroll row
For further information, please read this post.