The Divi 5 Command Center: An Introduction

I am thrilled to inform Divi 5's Command Center is now available. Gaining mastery of it is akin to gaining superpowers, revealing the actual meaning of the word "power user." Commands to add elements, navigate your website, jump to particular settings, activate panels, and more may be carried out rapidly. Let me get into the builder and give you the entire, unplanned tour because there is a lot to discover. 👇

The Command Center

Open the Command Center by pressing Cmd+K. Then, type a command and press the Enter key. Actions that would otherwise require numerous mouse clicks and movements can be completed rapidly. You usually know exactly what you need to do before you do it if you are a seasoned Divi user. You have already mentally mapped it out: "Incorporate a blurb module, a group module, two button modules, and my primary button preset within that." You may instantly construct that complete element by typing out a single command rather than using the mouse to make the necessary movements. However, that is only one instance! Numerous commands in the command center allow you to quickly browse the builder and your website in addition to speeding up the building process.

Categories of Commands

Element: You can add anything to the page. Additionally, you may use queue operators like ^>* to create whole layered layouts and add several elements at once. For instance, adding "blurb > group > button *2" will add two buttons, a group module, and a blurb module.
Modal: In the constructor, open any modal. Do you want to control your variables? Simply type "variables" and hit Enter. Do you want your layout to be exported? Simply type "export" and hit Enter to export instead of opening the page menu and selecting the Import/Export option.

• Settings: Use the settings panel to quickly access groupings of options. To access the animation option group, you do not have to choose "advanced" and then scroll down. Simply type "animation" and hit Enter to navigate to the desired location in the command center.
• View: Easily navigate between view modes, such as wireframe mode and breakpoints.
• Modify: You can use any of the choices that are accessible through a right-click as commands. Copy, cut, paste, erase, duplicate, and reset. Instead of exploring the menu, type the command if you can not remember the keyboard shortcut.
• Navigate: You may easily make changes to various pages on your website. After entering the page's name and hitting Enter, you may begin modifying that page! Additionally, you may easily access sections such as the Theme Builder and Theme Options. Instead than navigating the WordPress admin, simply input the name of the location you wish to visit.
• Preset: To rapidly add a preset to an element, use preset commands. There is no need to search the preset select menus for the preset name; simply input it and press Enter. By queuing them, you can even add more than one preset at once. All three settings will be added simultaneously if you type "blurb preset (cmd+enter) border preset (cmd+enter) spacing preset (enter)". Selecting presets from lengthy lists and navigating the options page are no longer necessary.
• Page: Use page-level functions such as preview, exit, and save.

Operators in Charge There is a lot more you can do than just run one command at a time. Multiple commands can be queued together, and as you type, you can filter commands as needed. Commands for Queuing By using Cmd+, you may queue both Element and Preset commands.When the command is executed, return. It adds the element or preset to the command queue rather than adding it immediately. Continue typing and hit Cmd+.To queue up another element, go back. When you are done generating the command queue, press return to run it. Operators of Command Queues The following operators can be used to modify the element structure when constructing a command queue: In the queue, insert an element within the one that came before it. Button > Blurb inserts a button within a blurb.
* - Increase the number of items in the queue. To add a blurb with two buttons, press Blurb > Button *2. Above the element that is being edited, place another element. The command center automatically adds elements beneath the element that is currently being modified. The new element will be positioned above or inside the existing one by using ^ and >.

Put Presets and Elements Together in One Queue In a single command queue, items and presets can even be combined. A preset will be applied to a module in the queue if it is added after that module. The code "Blurb > Group > Button + Primary Preset *2" will, for instance, add a group inside a blurb and two buttons with the Primary Preset applied inside that group.

Filter Instantaneously

There are numerous commands in the command center. The ":" operator followed by the command category allows you to narrow down the list as you type. Entering ""modal"" will, for instance, automatically apply the modal category filter and display only modal commands. It is helpful when there are common words in several commands and you want to go directly to the command you want without having to sort through commands with similar names.

Try Divi 5 Now.

Divi 5's new Command Center is now accessible. Try it out and share your comments with us. We completely redesigned Divi and added dozens of your favorite features. Forget about your preconceived notions about Divi; Divi 5 is a completely different animal. Have You Tried The New Menu Modules for Divi 5? We just added selector-based targeting, breakpoint triggers, menu looping, and additional menu components to the interaction builder, in case you missed it. With the use of these new capabilities and Divi 5's more comprehensive systems, including canvases and semantic elements, you can create any kind of menu, including slide-in menus and mega menus. Additional menu features are still being added. We are incorporating them gradually, and every addition opens up a plethora of new opportunities.

There Will Be More Divi 5 Updates Soon

We are not going to slow down anytime soon, and the features keep coming! We would greatly appreciate it if you could like this video and leave a comment letting us know if you are enjoying these updates. We appreciate you supporting Divi, and it is crucial to feed the algorithm and share the word.