Title: WPD Beaver Builder Additions Author: smarterdigitalltd Published: 2017 年 1 月 15 日 Last modified: 2018 年 7 月 16 日 --- 搜索插件 ![](https://ps.w.org/wpd-bb-additions/assets/banner-772x250.jpg?rev=1581131) **该插件尚未通过WordPress的最新3个主要版本进行测试**。当与较新版本的WordPress一起使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://ps.w.org/wpd-bb-additions/assets/icon-256x256.jpg?rev=1581064) # WPD Beaver Builder Additions 作者：[smarterdigitalltd](https://profiles.wordpress.org/smarterdigitalltd/) [下载](https://downloads.wordpress.org/plugin/wpd-bb-additions.zip) * [详情](https://cn.wordpress.org/plugins/wpd-bb-additions/#description) * [评价](https://cn.wordpress.org/plugins/wpd-bb-additions/#reviews) * [安装](https://cn.wordpress.org/plugins/wpd-bb-additions/#installation) * [开发进展](https://cn.wordpress.org/plugins/wpd-bb-additions/#developers) [支持](https://wordpress.org/support/plugin/wpd-bb-additions/) ## 描述 #### Modules Check out the demo page [here](https://wpdevelopers.co.uk/wpd-beaver-builder-additions-modules/). **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](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.co.uk/app/uploads/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.co.uk/app/uploads/2017/01/fade-on-scroll.gif) For further information, please read [this post](https://wpdevelopers.co.uk/fade-scroll-beaver-builder-rows/). ## 安装 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 ## 常见问题 Installation Instructions 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 How do I match the heights of modules? In 2.0.3, you can match the heights of modules (useful if you have uneven blocks of text with call to actions below) by: 1) Opening each module’s settings 2) Heading to the ‘advanced’ tab 3) Adding the same name to “Match height group” How do I white-label WPD BB Additions? You are able to change the values of: * Plugin Name * Plugin Description * Plugin Author * Plugin Author Website You can do this by adding something similar to your functions.php file in your theme: ``` add_filter( 'wpd/bb-additions/config', function( $config ) { $config->plugin_menu_name = 'My Plugin'; $config->plugin_description = 'My Plugin Description'; $config->plugin_author = 'My Name'; $config->plugin_author_uri = 'My Website'; return $config; }, 10, 1 ); ``` How do I set a custom thumbnail for optimised videos In version 1.9+ you have the option to choose ‘custom thumbnail’ within the settings of an Optimised Video module. You’ll then be able to upload a thumbnail using a photo field. 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 ## 评价 ![](https://secure.gravatar.com/avatar/ec5c329c60c040abe98179f0a69c0c70a65d40e777e8d47dc6a9bc91b663ed70? s=60&d=retro&r=g) ### 󠀁[Can’t believe it’s free](https://wordpress.org/support/topic/cant-believe-its-free-9/)󠁿 [balticsamurai](https://profiles.wordpress.org/balticsamurai/) 2018 年 10 月 19 日 Great addition to Beaver Builder adding some of the stuff (like a variety of animations) that even Premium ones do not provide. YouTube element seem to load faster than other alternatives. Thanks a lot! ![](https://secure.gravatar.com/avatar/6b8906127d135d63392435de930e5337b1ba8ff340bb089a0203e82524ded0a2? s=60&d=retro&r=g) ### 󠀁[Fully agree with all of the excellent reviews](https://wordpress.org/support/topic/fully-agree-with-all-of-the-excellent-reviews/)󠁿 [](https://profiles.wordpress.org/johnny_n/) 2018 年 5 月 2 日 1 回复 Not sure how I found this plugin last fall, but so happy I did. I use it on every Beaver Builder project I create now as well… a must have, with valuable additions to the Beaver. ![](https://secure.gravatar.com/avatar/22d44f270d72623841dcffffd72ddc35ce2395865a4e36fe6be3078dac816e55? s=60&d=retro&r=g) ### 󠀁[Brilliant plugin to extend Beaver Builder](https://wordpress.org/support/topic/brilliant-plugin-to-extend-beaver-builder/)󠁿 [Hugues](https://profiles.wordpress.org/hugaud/) 2018 年 5 月 2 日 1 回复 Thanks for a brilliant plugin Doug. I’ve mostly used the video embed module for now and it is totally amazing. Not just because it enables adding videos more efficiently but also because of the creative avenues it opens with the video image. Top work. Now officially part of my development stack. Thanks again. ![](https://secure.gravatar.com/avatar/3f7f638451c6a67d384d8413bee4a7380f93e2bc87187191129941cd9c82e1a2? s=60&d=retro&r=g) ### 󠀁[Excellent enhancements for Beaver Builder!](https://wordpress.org/support/topic/excellent-enhancements-for-beaver-builder/)󠁿 [grndrm](https://profiles.wordpress.org/grndrm/) 2017 年 12 月 17 日 1 回复 This plugin has become a regular on my projects. It provides some excellent enhancements to Beaver Builder. Many thanks to the developer! ![](https://secure.gravatar.com/avatar/15210b103d7c0146016a6ec1503242d2b6048517b3d335958cdc7015d91eb344? s=60&d=retro&r=g) ### 󠀁[Must Have for Video&Maps](https://wordpress.org/support/topic/must-have-for-videomaps/)󠁿 [Bernhard Gronau](https://profiles.wordpress.org/quasel/) 2017 年 6 月 10 日 Reduces loading time – improves Workflow – just works! ![](https://secure.gravatar.com/avatar/7f26580386c891a5084c459a487681f9a1cb947f2bf73c27c216f0842fc553aa? s=60&d=retro&r=g) ### 󠀁[Excellent Tutorial!](https://wordpress.org/support/topic/excellent-tutorial/)󠁿 [stephnx](https://profiles.wordpress.org/stephnx/) 2017 年 5 月 23 日 2 回复 Being a developer and a newbie in WordPress this is a great resource to learn from! [ 阅读所有10条评价 ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/) ## 贡献者及开发者「WPD Beaver Builder Additions」是开源软件。以下人员对此插件做出了贡献。贡献者 * [ smarterdigitalltd ](https://profiles.wordpress.org/smarterdigitalltd/) * [ Prajwal Shrestha ](https://profiles.wordpress.org/prajwalstha/) [帮助将「WPD Beaver Builder Additions」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/wpd-bb-additions) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/wpd-bb-additions/)，查看[SVN仓库](https://plugins.svn.wordpress.org/wpd-bb-additions/)，或通过[RSS](https://plugins.trac.wordpress.org/log/wpd-bb-additions/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/wpd-bb-additions/)。 ## 更新日志 #### 2.0.5 * (Improvement) Better Vimeo thumbnail support #### 2.0.4 * (Fix) Notice appearing when WP_DEBUG enabled * (Improvement) Beaver Popups integration mutes autoplayed videos to comply with Google Chrome media policies * (Feature) Module animation live previews * (Feature) Control module animation speed #### 2.0.3 * (Feature) Match module heights (Module Settings > Advanced) * (Improvement) White label #### 2.0.2 * (Fix) Fix settings form for modules * (Fix) Fix animations #### 2.0.1 * (Feature) White label * (Improvement) Throttled scroll events * (Fix) Hotfix for PHP 5.4 #### 2.0.0 * (Improvement) Improved code throughout * (Improvement) Row fading enhancement improved * (Improvement) Activate/Deactivate Beaver Builder “Enhancements” in Wp Admin > Page Builder * (Feature) Optimised Video now supports opening in a lightbox * (Feature) Display a button above/below an Optimised Video after a certain number of seconds #### 1.9.1 * (Feature) Opacity option on play icon for videos * (Feature) Custom CSS option for video modules (great for background gradients that surround the video) #### 1.9.0 * (Feature) Ability to add custom thumbnail to videos (instead of YouTube/Vimeo) * (Feature) Ability to feature modules using an overlay * (Improvement) General cleanup of code #### 1.8.9 * (Fix) Better targeting for Beaver Popups videos #### 1.8.8 * (Improvement) Preparations for Beaver Builder 2.0 #### 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 ## 额外信息 * 版本 **2.0.5** * 最后更新：**8 年前** * 活跃安装数量 **600+** * WordPress 版本 ** 4.7 或更高版本 ** * 已测试的最高版本为 **4.9.29** * PHP 版本 ** 5.4 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/wpd-bb-additions/) * 标签 * [beaver builder](https://cn.wordpress.org/plugins/tags/beaver-builder/)[beaver builder modules](https://cn.wordpress.org/plugins/tags/beaver-builder-modules/) * [高级视图](https://cn.wordpress.org/plugins/wpd-bb-additions/advanced/) ## 评级 5 星（最高 5 星）。 * [ 10 条 5 星评价 ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/wpd-bb-additions/reviews/) ## 贡献者 * [ smarterdigitalltd ](https://profiles.wordpress.org/smarterdigitalltd/) * [ Prajwal Shrestha ](https://profiles.wordpress.org/prajwalstha/) ## 支持有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/wpd-bb-additions/)