Beaver Builder 2.2.1 features

The following features are new in Beaver Builder 2.2.1.

Ability to display only Beaver-Builder-enabled posts and pages

As of Beaver Builder 2.2.1, on the page that displays all posts, pages, or custom post types, in the line that lets you filter by post status ( Published, Draft, Trash, and so on) there's a Beaver Builder option that shows how many posts of that type are Beaver-Builder-enabled, as shown in the following screenshot.

If you click that link, the display of post types is limited to just the posts that have been edited with Beaver Builder.

Notes:

  • If you don’t see Beaver Builder in the post status line, it means there are no posts in the list that use the Beaver Builder plugin for the content layout or that Beaver Builder is not enabled for this post type.
  • The Beaver Builder label in the post status line will change if you have whitelabeling in the Agency version of Beaver Builder.
  • If you want to disable this functionality, you can prevent Beaver Builder from appearing in the post status line by adding the following line of code to the functions.php file in your child theme:
    add_filter( 'fl_builder_admin_edit_sort_bb_enabled', '__return_false' );

Support for vw units for font size in module Typography settings

Beaver Builder 2.2.1 adds vw (viewport width, where viewport is usually the browser window for purposes of Beaver Builder) as one of the unit choices in modules that include the Typography section that was introduced in Beaver Builder 2.2.

To use this vw unit, you first need to set Base font size in Global Settings. Base font size must be set in pixels, and the default is 16px. As the tooltip for that setting explains, this global setting only applies when vw is used in the Typography section.

When you set a font size in vw units in a module's Typography section, the the actual font size in pixels is calculated using the CSS calc() function, with the formula calc( base-font-size + 1vw). If the global Base font size is 16px, the calculation is calc( 16px + 1vw ).

By using a base font size in this calculation, the font size scales more slowly as viewport width decreases, producing a better result at all device sizes. For more information and more explanation of the CSS calc() function, see this CSS-Tricks article on viewport units.

Recently used fonts displayed in font selector

As of Beaver Builder 2.2.1, when you choose a font in the Typography section, you'll see a section of recently used fonts near the top of the list, with up to 10 of the most recently used fonts. The font currently in use has a checkmark, as shown in the following screenshot.

Change in Template taxonomy label in CPT plugin lists

The Beaver Builder template taxonomy label appears in CPT plugins for already assigned labels. It used to show as Categories, but now displays as Categories (Beaver Builder) to avoid confusion.

YouTube embed parameters StartTime and EndTime

The StartTime and EndTime YouTube embed parameters are now passed to the YouTube Player API, so you can start and end an embedded video at selected points.

Developer enhancements

New filter for Map Module

The fl_builder_map_args filter lets you add or change Google map arguments to filter the location on the map, add language parameters for WPML, or even change the key. Here's an example.

add_filter( 'fl_builder_map_args', function( $args, $settings ) {
    if ( defined( 'ICL_LANGUAGE_CODE' ) ) {
        $args['language'] = ICL_LANGUAGE_CODE;
    }
    return $args;
}, 10, 2 );

Disable the font size control for mobile device settings

You can add code that displays only a subset of the Typography section (which is available as of Beaver Builder 2.2) in modules that include it. For example, if you add the following code to a modules typography array, it will disable font size controls for mobile device settings.

'disabled' => array( 'responsive' => array( 'font_size' ) )