I’m excited to announce the discharge of the Command Heart for Divi 5. Mastering it appears like unlocking a superpower, giving the time period’ energy person’ true which means.

You’ll temporarily execute instructions corresponding to including components, navigating your web page, leaping to precise settings, opening panels, and extra.

There’s a lot to discover, so let me soar into the builder and provide the complete, off-the-cuff excursion. 👇

The Command Heart

Press Cmd+Okay to open the Command Heart, sort a command, and execute! You’ll temporarily carry out movements that will differently take more than one mouse actions and clicks.

In case you are an skilled Divi person, you frequently know precisely what you want to do prior to you do it. You’ve already mapped it out on your head: “Upload a blurb module, upload a gaggle module inside of that, upload two button modules inside of that, practice my number one button preset…” As a substitute of going in the course of the mouse motions, you’ll sort out a unmarried command to construct that whole component in an instant.

However that’s only one instance! The command heart has heaps of instructions that now not most effective will let you construct issues sooner, but additionally navigate the builder and your web page in an instant.

Command Classes

• Component – Upload any component to the web page. Plus, you’ll upload more than one components without delay and assemble whole nested layouts the use of queue operators like ^>*. As an example, “blurb > workforce > button *2” will upload a blurb module, a gaggle module, and two buttons.
• Modal – Open any modal within the builder. Wish to set up your variables? Simply sort “variables” and press input. Do you want to export your format? As a substitute of opening the web page menu and clicking the Import/Export possibility, simply sort “export” and press Input.
• Settings – Briefly navigate to choices teams throughout the settings panel. No wish to click on “complicated” after which scroll right down to the animation possibility workforce to open it. Simply sort “animation” and press input, and the command heart will take you the place you wish to have to move.
• View – Briefly transfer between view modes, together with breakpoints and wireframe mode.
• Regulate – All choices to be had by the use of right-click also are to be had as instructions. Replica, delete, reproduction, lower, paste, reset. In the event you forgot the keyboard shortcut, sort the command as a substitute of navigating the menu.
• Navigate – You’ll temporarily edit other pages in your web page. Kind within the title of the web page, press input, and now you’re enhancing that web page! You’ll additionally temporarily navigate to spaces just like the Theme Builder and Theme Choices. Simply sort the title of where you wish to have to move as a substitute of clicking across the WordPress admin.
• Preset – Use preset instructions so as to add a preset to a component temporarily. Simply sort the preset title and hit Input—no wish to search for it within the preset make a choice menus. You’ll even upload more than one presets without delay via queuing them. “blurb preset (cmd+input) border preset (cmd+input) spacing preset (input)” will upload all 3 presets without delay. No wish to click on across the settings panel and pick presets from lengthy lists.
• Web page – Execute page-level instructions like save, go out, and preview.

Command Operators

You’ll do a lot more than execute a unmarried command at a time. You’ll queue more than one instructions in combination and clear out instructions at the fly when you sort.

Queueing Instructions

You’ll queue each Component and Preset instructions via urgent Cmd+Go back when executing the command. As a substitute of including the component or preset in an instant, it provides it to the command queue. Stay typing and press Cmd+Go back to queue up every other component. Press go back to execute the command queue if you end up completed construction it.

Command Queue Operators

When making a command queue, you’ll use the next operators to have an effect on the component construction.

• > – Position a component within the in the past positioned component within the queue. Blurb > Button provides a button inside of a blurb.
• * – Multiply components within the queue. Blurb > Button *2 provides a blurb with two buttons.
• ^ – Position a component above the lately edited component. By means of default, the command heart provides components under the at the moment edited component. The usage of ^ and > will position the brand new component above or within the present component.

Mix Presets & Parts In A Unmarried Queue

You’ll even mix components and presets in one command queue. Including a preset after a module within the queue will use it on that module.

As an example, “Blurb > Staff > Button + Number one Preset *2&Top; will upload a gaggle inside of a blurb, and inside of that workforce, two buttons each with the Number one Preset carried out.

Filter out On The Fly

The command heart has many instructions. You’ll whittle down the checklist when you sort via the use of the “:” operator adopted via the command class. As an example, typing “”modal”” will mechanically practice the modal class clear out and display you most effective modal instructions.

It’s helpful when more than one instructions comprise commonplace phrases, and you wish to have to get immediately on your desired command with no need to sift thru instructions with equivalent names.

Check out Divi 5 These days

The brand new Command Heart is now to be had for Divi 5. Give it a try to tell us your ideas.

We rebuilt Divi from the bottom up and packed it stuffed with dozens of your maximum asked options. Overlook the whole lot you idea you knew about Divi, as a result of Divi 5 is a wholly other beast.

Have You Attempted The New Divi 5 Menu Modules?

If you happen to overlooked it, we not too long ago presented new menu components, menu looping, and selector-based targeting and breakpoint triggers to the interaction builder.

Those new options, at the side of Divi 5’s broader programs, corresponding to canvases and semantic components, provide the freedom to construct any form of menu, together with mega menus, slide-in menus, and extra. We aren’t performed including extra menu options.

We’re including them piece via piece, and every piece unlocks a large vary of recent chances.

Watch this video for all of the main points. 👇

Extra Divi 5 Updates Are On The Means

The options stay coming, and we aren’t slowing down anytime quickly!

In case you are playing those updates, do us an enormous prefer and tell us via liking this video and leaving a comment. It approach so much to us to look you cheering Divi on, and it’s very important to feed the set of rules and unfold the phrase.

Don’t disregard to follow us on YouTube and subscribe to the Divi newsletter so that you by no means omit an replace. I’ll see you quickly for every other Divi 5 function announcement, which I promise will likely be appropriate across the nook. 😁

The submit Introducing The Divi 5 Command Center gave the impression first on Elegant Themes Blog.