We’re excited to liberate Characteristic Control for Divi 5, which will selectively or jointly reproduction, paste, and reset attributes throughout parts. It’s essentially the most complete characteristic gadget for any builder! 🤩

You’ll be able to reproduction types, presets, and content material from one component and paste them onto every other. You’ll be able to reproduction attributes on the box or organization ranges and paste them on the component point.

You’ll be able to even selectively organize group-level attributes by the use of the right-click menu, permitting you, as an example, to reset sure sides or portions of a component.

You may well be questioning what all that suggests, so let me display you the way it works. 👇

Replica, Paste, And Reset Attributes With Ease

In Divi 4, it’s essential to reproduction, paste, and reset types. In Divi 5, we’re taking characteristic control to a complete new point, having the ability to reproduction, paste, and reset each and every characteristic kind (together with types, presets, and content material) with a lot more specificity.

It is a important development, particularly taking into consideration Divi 5’s center of attention on preset-based design.

Copying Attributes

Proper-click any component and click on the Replica Attributes button to duplicate all its attributes on your clipboard, together with presets, content material, and changed types. You’ll be able to reproduction attributes from a module, possibility organization, tab, or box.

As soon as a number of attributes has been stored on your clipboard, you’ll selectively or jointly paste them in more than a few tactics.

Pasting Attributes

Proper-click on any component and hover over the Paste Attributes menu to get admission to Divi’s new pasting choices. Relying on what kinds of attributes are to your clipboard, you’ll paste other classes of attributes. Related attributes can be mapped to the objective component, whilst unsupported attributes can be neglected.

  • Paste All Attributes – Paste all attributes, together with content material, presets, and changed types you copied from the supply component.
  • Paste Design Attributes – Paste all design-related attributes, together with presets and changed types, that you simply copied from the supply component.
  • Paste Taste Attributes – Paste handiest the changed types you copied from the supply component.
  • Paste Content material Attributes – Paste handiest the content material attributes you copied from the supply component.
  • Paste Presets – Paste handiest the presets you copied from the supply component.

As an example, within the video underneath, the blurb’s content material, types, and presets are introduced over after I reproduction attributes from a blurb module and use the Paste All Attributes possibility on a special blurb module.

Since I copied the entirety and pasted the entirety, I necessarily created a replica module, nevertheless it’s illustrative of the way the characteristic control gadget works!

However, if I make a choice the Paste All Design Attributes possibility, handiest presets and types can be pasted, leaving the module’s unique content material attributes intact. Revisiting our earlier instance, you’ll see that pasting Design Attributes brings over the unique module’s types with out overriding its content material within the video underneath.

Pasting Selective Team Attributes

The granularity of characteristic pasting is going a lot additional, having the ability to selectively paste any characteristic kind to precise possibility teams by the use of the top-level right-click menu.

As an example, within the video underneath, I’ve a button preset on a Name To Motion module that I wish to use on a brand new Touch Module.

As a substitute of opening the module settings, navigating to the button possibility organization, and settling on my desired preset, I will be able to reproduction attributes from the primary module after which selectively paste the button preset the usage of the Paste Selective Presets menu.

Resetting Attributes

The similar point of keep an eye on is to be had when resetting attributes, permitting you to reset explicit kinds of attributes briefly.

  • Reset All Attributes – Reset all attributes, together with content material, presets, and changed types.
  • Reset Design Attributes – Reset all design-related attributes, together with presets and changed types.
  • Reset Taste Attributes – Reset handiest the changed types.
  • Reset Content material Attributes – Reset handiest the content material attributes.
  • Reset Presets – Reset handiest the presets.

As an example, within the video underneath, you’ll see that resetting all presets will take away all presets from the module, whilst leaving its content material and changed types intact.

Moreover, I will be able to selectively reset several types of attributes for explicit possibility teams. Referring again to my earlier instance, the place I copied a button preset from one module to every other, resetting that exact preset is simply as simple.

I will be able to selectively reset handiest the preset from the button possibility organization by the use of the right-click menu.

Team, Tab, And Box Attributes

The similar point of keep an eye on has been prolonged to the right-click menu for possibility teams, permitting you to stick and reset explicit classes of attributes selectively.

New Keyboard Shortcuts

To height all of it off, we added keyboard shortcuts for a majority of these movements and surfaced shortcuts within the right-click menu for ease of use.

Take a look at Divi 5 These days

Characteristic Control for Divi 5 is to be had lately, and it’s one of the options coming to Divi this 12 months.

You’ll be able to observe alongside as we growth during the ultimate liberate of Divi 5 and past, with updates each and every two weeks. Relying to your priorities, you’ll use Divi 5 now to construct new internet sites or wait till we upload extra options, no matter works right for you.

As defined in Divi 5’s unique multi-phase liberate time table, the Divi 5 Public Alpha is like “Divi 5 Lite.” It’s lacking a couple of options and might not be appropriate for current internet sites, nevertheless it’s in a position for use on new internet sites for those who choose the enjoy to Divi 4.

We wish you to take a look at it, and for those who find it irresistible, use it; when everybody loves it, we’ll make it legitimate.

Sneak Peek: Relative Colours With HSL

We’re development options speedy. Each and every time we end a brand new function, we commence a brand new one. Each time we commence a brand new function, I come up with a sneak peek.

For those who neglected it, take a look at remaining week’s function sneak peek, the place I showcased Relative Colours with HSL.

We’re overhauling Divi’s colour box and introducing HSL make stronger with a elegant center of attention on colour variables. The use of new hue, saturation, and lightness controls, you’ll simply create relative colours in response to your site’s world colour palette to design mathematically stunning colour programs.

Watch this video for all of the main points. 👇

Extra Divi 5 Updates Are On The Approach

2025 is the 12 months of Divi 5. The tedious paintings is in the back of us. We constructed the super-fast basis, and now it’s time for Divi to make its comeback.

In case you’re right here for the Divi comeback, tell us via liking this video.

In my remaining function announcement, I requested you to assist us beat our all-time like file of 580 likes, and we did with 680 likes! Do you assume we will be able to beat it once more? Are we able to crack 700 likes in two weeks?

Lend us a hand and like this video; it’s an effective way to assist unfold the phrase about new Divi 5 options and stay the momentum going.

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

The put up Introducing Characteristic Control For Divi 5 seemed first on Chic Topics Weblog.

WordPress Web Design

[ continue ]