WPCrafter Community

Find answers, ask questions, and connect with our
WordPress community around the world.

Home Community General Questions How To Change the Keyboard Shortcut Keys in Beaver Builder

  • How To Change the Keyboard Shortcut Keys in Beaver Builder

     Adam updated 2 years, 2 months ago 1 Member · 2 Posts
  • Adam

    Administrator
    Nov 12, 2017 at 11:16 pm

    With the release of Beaver Builder 2, there are keyboard shortcuts available to quickly do common tasks. Some examples are saving a page, going into preview mode, and many other actions. But how do you change these shortcut keys?

  • Adam

    Administrator
    Nov 12, 2017 at 11:26 pm

    After some digging around I have discovered that the Beaver Builder keyboard shortcuts can be customized with the following custom function.

    add_filter( 'fl_builder_keyboard_shortcuts', 'get_keyboard_shortcuts_mine' );
    /** 
     * Modify the Beaver Builder 2 Keyboard shortcuts
     */
    function get_keyboard_shortcuts_mine( $data ) {
        
        $data['showModules']['keyCode'] = 'm';
        $data['showRows']['keyCode'] = 'r';
        $data['showTemplates']['keyCode'] = 't';
        $data['showSaved']['keyCode'] = 's';
        $data['saveTemplate']['keyCode'] = 'mod+t';    
        $data['previewLayout']['keyCode'] = 'p';
        $data['showGlobalSettings']['keyCode'] = 'command+g';
        $data['showLayoutSettings']['keyCode'] = 'command+l';
        $data['toggleUISkin']['keyCode'] = 'o';
        $data['showSearch']['keyCode'] = 'command+c';
        
        return $data;
    
    }

     

Log in to reply.

Original Post
0 of 0 posts June 2018
Now

Stay Up To Date

Enter your name and email for the lates news, updates, and tutorials.