WP and Divi Icons is a third-party plugin for WordPress that works with any WordPress theme and integrates into the Divi Builder. To be used with Divi, it comprises unique layouts you’ll use on your initiatives. The icons are to be had within the WordPress editor and in any Divi module that permits you to select icons. On this article, we’ll check out WP and Divi Icons and notice what makes it stand with the exception of the group.
WP and Divi Icons provides over 2500 icons to WordPress. It comprises Font Superior Icons, Subject matter Icons, and 450 customized icons together with 48 multi-colored icons. It’s to be had in each a unfastened and a pro edition. I’m checking out the professional version.
Putting in WP and Divi Icons
Add and turn on the plugin as commonplace. I’m the use of model 1.1.0 with Divi model 3.17 and WordPress 4.9.8.
Subsequent, you’ll wish to turn on your license. You’ll navigate to the activation display screen or click on the message that looks on the most sensible of the display screen. It’s nonetheless useful to understand how to navigate there, despite the fact that, as a result of this web page will change into the choices display screen whenever you input your license key.
To get to the display screen without reference to what theme you’re the use of, click on at the Directions hyperlink within the plugin’s description within the plugin listing. When you’re the use of Divi, a brand new menu merchandise is added to the Divi menu within the dashboard referred to as WP and Divi Icons. Click on this and input your license key.
Customizing the Multi-Coloured Icons
After coming into your license key it opens the display screen with the directions, listing of 48 multi-colored icons, and gear to create your individual coloration schemes for the ones icons.
You could have keep an eye on over 3 colours. Regulate the colour controls and watch for a couple of seconds to look the consequences. Clicking Take away deletes the colour scheme. The colours upload a bit of shading impact, which creates darker variations of each and every coloration and appears wonderful.
Clicking Upload Colour Scheme creates a brand new set of the multi-colored icons that you’ll regulate.
Upload as many coloration schemes as you wish to have. This a great deal expands what you’ll do with icons. The controls are intuitive. Because it seems, I discovered this to be a bit of bit addictive.
The usage of WP and Divi Icons in WordPress with Any Theme
To make use of the icons with any theme, make a selection the brand new icon that’s added to the WordPress editor.
This opens the editor the place you’ll select an icon, edit the colour by means of typing it into the colour box or the use of the colour picker, trade the scale by means of coming into the quantity in pixels or the use of the slider, upload a name, and upload a category. You’ll additionally seek for icons.
Any adjustments you’re making are proven reside. On this instance, I’ve entered the colour I sought after, modified the scale to 106 pixels, and adjusted the identify to Inexperienced Leaf.
Clicking OK provides the icon in your content material.
Double-click the icon to open the editor and make adjustments.
Click on OK and the adjustments are mirrored to the icon inside of your content material.
This editor doesn’t edit the multi-colored icons. You’ll must edit the ones in the primary settings display screen that I demonstrated above. You’ll nonetheless make a selection them from this editor, trade their dimension, upload a name, upload a category, and insert them into your content material from right here.
The icons glance nice inside the content material.
The usage of WP and Divi Icons with the Divi Builder
Quite a lot of new icons are added to the Divi Builder that may be accessed from any module that permits you to choose icons. A brand new seek function is added and the icons are a lot higher, making them more straightforward to look (which displays this plugin was once almost definitely designed by means of an outdated man like me. I will be able to each relate to and admire this option).
I wish to see a clear out added so I may just choose from Font Superior, Subject matter, or the customized icons. This fashion I may just simply see the customized icons and forget about the Font Superior and Subject matter icons if I sought after one thing other from everybody else, or construct with simply Font Superior or Subject matter Icons, or mix my icons selectively.
It comprises each unmarried and multi-colored icons.
Seek and alter icons reside from the frontend.
They’re adjustable identical to any Divi icon.
You’ll additionally upload multi-colored icons from the frontend builder. You’ll’t regulate the icon’s colours right here (that’s carried out within the multi-color icons editor), however you’ll upload a circle, upload a border, regulate their colours, and regulate the icon’s dimension from the module’s settings.
On this instance, I’ve added a circle with a border.
You’ll use them from each the frontend and the backend.
The WordPress icon editor could also be to be had within the Divi textual content module. This editor works precisely the similar as with every WordPress theme.
WP and Divi Icons Layouts
The plugin works with any theme, but it surely does have particular options only for Divi. One of the crucial biggest benefits of the use of it with Divi is the unique customized layouts. They have been customized the use of WP and Divi Icons and the obtain hyperlink is simplest to be had inside the plugin. They’re to be had for obtain to any individual with the plugin and can be utilized on any challenge. They’re complete layouts with many styled modules.
There are already a number of to be had and a number of other extra at the manner. Right here’s a take a look at each and every one with a focal point on how they use the icons. You’ll see them on the developer’s demo page.
This structure features a styled header with bubbles to turn the forms of cost gateways and transport companions the corporate makes use of. Multi-colored icons display the services and products presented. The way it works are proven in tabs. It additionally comprises pricing tables, testimonials, FAQ’s publication signup, and footer.
Ingenious Company Structure
This one features a styled header, a space in regards to the forms of services and products you be offering, a portfolio, a slider overlaying how you’re employed and the stairs you’re taking, testimonials, awards, about your staff, touch, and footer. It makes use of quite a lot of angled corners and deep shadow results. The multi-colored icons display the services and products.
Trade Structure Darkish
This one has a two-column header with a picture in a single facet and textual content within the different. A piece appearing the services and products you be offering makes use of multi-colored icons and displays photographs and textual content alternating down the web page. Different sections use huge background textual content and display the historical past of the corporate, the staff participants with multi-colored icons within the overlay, touch shape, touch data, and footer.
Trade Structure Gentle
This is similar structure as Trade Structure Darkish, however with gentle colours.
This one presentations a full-screen symbol slider with a vertical menu at the proper and makes use of icons for social apply buttons. A slender segment underneath this displays a donation CTA. It additionally comprises an about segment, reasons that you just give a boost to, an tournament segment, initiatives, blurbs with icons, sponsors, and a footer.
License and Documentation
Costs vary from unfastened for a restricted version, $39 for a unmarried website online, $59 for three websites, and $79 for limitless websites. You’ll purchase the plugin at the developer’s website online.
It comprises top rate give a boost to and three years of updates. Documentation is equipped on the developer’s website online.
WP and Divi Icons is simple to make use of. It does take a couple of further seconds to load the icons after I click on on them within the Divi modules. I’m positive that is most commonly because of my sluggish “welcome-to-country-life” Web connection. I wish to see a clear out added to the Divi modules. The hunt function is useful for locating icons in response to key phrases.
I love that it provides Font Superior and Subject matter Icons, however my favorites are the customized icons- and particularly the multi-color icons. The editor is unassuming a laugh to make use of. I believe it’s an excellent plugin even with out Divi, but it surely’s even higher with Divi on account of the unfastened layouts.
We wish to pay attention from you. Have you ever attempted WP and Divi Icons? Tell us what you consider it within the feedback.
Featured Symbol by way of VectorsMarket / shutterstock.comWordPress Web Design