I’m excited to introduce the Icon Supervisor for Divi 5, a central position to import your personal icons, order them into collections, and make a choice which collections seem whilst you construct. 🎉
Usher in customized SVGs or an icon font, create a set to your shopper’s logo, and use the ones icons without delay from Divi’s new icon picker. You’ll additionally prepare the incorporated icons into collections that suit your web page.
Let’s check out the way it works. 👇
Import Customized SVGs And Icon Fonts
The Icon Supervisor brings your personal art work into the similar variety workflow as Divi’s incorporated icons.
Click on Import Icons to open the Upload Icons window, then use Make a selection Icon Recordsdata to choose your recordsdata. Make a selection an current Assortment or input a Assortment Title to create a brand new one, then click on Import.
Upload A Set Of SVG Icons
Drag as many SVG recordsdata as you wish to have into the icon uploader to add them abruptly into a brand new or current assortment.
Believe development a web page for a landscaping corporate with customized symbols for planting, irrigation, and lawn repairs. Import the ones SVGs right into a “Services and products” assortment and choose them as you construct the corporate’s provider sections.
Deliver In An Icon Font
You’ll additionally import WOFF2, WOFF, TTF, or OTF icon fonts. Divi reads its persona mappings and provides the to be had icons for your assortment.
An non-compulsory Title Mapping Record permits you to provide readable names and seek phrases via a JSON record. That makes a big customized font more straightforward to go looking when its integrated glyph names are much less descriptive.
You’ll add more than one SVGs and icon fonts without delay!
Prepare Collections Round Your Website online
Icons are arranged into collections.
Click on New Assortment, input a reputation, then click on Create to construct a set. Collections permit you to prepare icons into teams, making them more straightforward to seek out within the icon picker.
A set can include each SVG icons and font icons. It is advisable crew arrows, touch symbols, and customized provider illustrations beneath “Emblem Necessities,” even if they arrive from other assets.
Make a choice an icon to expose its to be had movements. Use Shift, Ctrl, or Command whilst deciding on to paintings with more than one icons, then make a choice Transfer to position them in some other assortment. Those movements also are to be had from an icon’s right-click menu.
Use Rename to replace a set’s title, Take away to take decided on icons out of it, or Delete to take away a customized assortment.
Stay Icon Pickers Targeted
Every assortment has a toggle that controls whether or not its icons seem in pickers around the web page.
On a shopper website, it’s essential permit a curated selection of licensed icons and switch off collections the customer does now not want. That provides everybody a extra targeted variety when including new content material. Turning off a set preserves icons already used on pages. Doing away with icons from a set or deleting a customized assortment additionally preserves the ones current makes use of and the underlying Media Library recordsdata.
Take Icon Collections Between Web pages
The Icon Supervisor contains an Import & Export Icon Collections keep an eye on in its header.
Open it, choose the collections you wish to have to export, and use Export Icon Collections. The export contains their assignments and referenced customized icon recordsdata, together with font title mappings when provide.
On some other web page, open the similar keep an eye on and use Import Icon Collections to deliver them into that website’s library.
If you happen to construct web sites for more than one places of the similar industry, it’s essential get ready a unmarried branded assortment and switch it to every website with no need to add each SVG or font once more.
Your Icons, Within Divi’s Icon Picker
The up to date icon box shows a compact preview of your decided on icon. Click on it to open a dropdown with an icon grid, seek, and assortment filters.
Make a selection All Collections to browse the whole lot enabled, or slim the choice to a selected assortment. The filter out teams Theme Icons, Customized Icons, and Kinds, making it more straightforward to seek out the precise set whilst modifying.
When you want to prepare your library or upload one thing new, click on Icon Supervisor on the backside of the picker.
Arrange Icons With The Divi AI Agent
The Divi AI Agent good points gear to seek for icons and set up collections.
Ask it to create or rename a set, flip a set on or off, Import supported hooked up recordsdata or current Media Library recordsdata, or transfer or take away icons. It will possibly additionally delete customized collections.
As an example, connect a suite of provider SVGs and ask, “Import those icons into a brand new assortment known as Services and products.” Or ask the agent to seek out icons in an current assortment earlier than opting for which of them to make use of.
Imports request affirmation, as do strikes, removals, and assortment deletions.
Have You Attempted Divi’s Multi-Make a choice & Bulk Enhancing?
Final week we launched multi-select and bulk modifying for Divi 5!
Enhancing a web page regularly way making the similar alternate greater than as soon as. Alter the spacing on a number of playing cards. Restyle a handful of buttons. Transfer a selection of modules into some other column.
Multi-Make a choice and Bulk Enhancing deliver the ones duties in combination in Divi 5. 🎉 Make a choice person parts with Cmd/Ctrl-click, choose a spread with Shift-click, and edit your variety from one settings panel.
Variety additionally extends into the Layers panel, right-click movements, keyboard shortcuts, the Inspector, and the Divi AI Agent. You’ll make a choice the weather you wish to have to paintings on, then elevate that variety via your workflow.
Let’s take a better glance. 👇
Extra Divi 5 Updates Are On The Method
The options stay coming, and we aren’t slowing down anytime quickly!
If you’re playing those updates, do us an enormous choose by means of liking this video and leaving a remark. It way so much to us to look you cheering Divi on, and it’s crucial to feed the set of rules and unfold the phrase.
Don’t overlook to practice us on YouTube and subscribe to the Divi publication so that you by no means omit an replace. I’ll see you quickly for some other Divi 5 function announcement, which I promise will probably be correct across the nook.
The publish Introducing The Icon Supervisor For Divi 5 seemed first on Sublime Topics Weblog.
WordPress Web Design