Divi Pixel is a third-party plugin for Divi that provides over 45 customized modules and greater than 200 settings to increase the functions of Divi. Those settings make it simple to create internet sites that stick out from the gang. On this publish, we’ll take a look at Divi Pixel and spot what it will possibly do to lend a hand you make a decision if it’s the best plugin in your wishes.

What to Be expecting from Divi Pixel

Let’s get started by means of looking at what you’ll be able to be expecting from the Divi Pixel plugin, if you make a decision to buy it.

45+ Customizable Modules

Divi Pixel provides a ton of recent customizable modules to Divi. There’s numerous variation in modules. It levels from a ahead of/after slider, to famous person score, floating pictures, carousels, and extra.

200+ Customized Choices

Divi pixel additionally will give you a ton of customized choices, greater than 200 additional choices to take your web site to the following degree! Those customized choices permit you to customise your Divi web site even additional. This is going from with the ability to add SVG recordsdata, to making a customized login web page, customizing your header & navigation, and extra.

& Extra

The choices and modules discussed above aren’t the one ones that include Divi Pixel. You’ll be expecting distinctive options devoted to the Weblog house and the cellular enjoy. There’s a additionally a format injector incorporated that permits you to insert layouts anyplace you wish to have!

Putting in Divi Pixel

Add and turn on Divi Pixel the similar as any plugin. Cross to the WordPress dashboard and choose:

1. Plugins
2. Upload New
3. Add Plugin
4. Select Report
5. Set up Now

Subsequent, turn on the plugin. Divi Pixel is now in a position to make use of.

Divi Pixel Settings Display screen

The settings are discovered within the dashboard below Divi > Divi Pixel. They come with 7 tabs with detailed choices.

The settings upload options via CSS magnificence IDs, choices to allow, and modules added to the Divi Builder. The latest options are categorised. A couple of are marked as coming quickly.

We’ll take a look at the most recent options and a few attention-grabbing options in every tab. We’ll see most of the settings on the front and back finish.

Divi Pixel Normal Tab

The Normal tab contains 25 settings that come with common choices, header and navigation choices, and footer choices.

Debris Background

The Debris Background shows a CSS magnificence ID so as to add to the module or segment you wish to have to show the background. It contains two magnificence IDs to choose between and you’ll be able to regulate them within the customizer settings.

I’ve added the CSS ID to the segment.

Right here’s the background with the animated debris enabled.

Upkeep Mode

Upkeep Mode units your web site to turn that it’s coming quickly or acting updates. Choose any web page to turn as the upkeep mode web page. A customized URL supplies get admission to to the website.

Right here’s the web page I decided on for my coming quickly web page. It now presentations this web page instead of my house web page.

Permit TTF, OTF, and WOFF Uploads

Enabling this permits you to add extra document varieties. Those document varieties can now be uploaded the similar as any common document for your media library.

Customized Header and Navigation Types

Customized Header and Navigation Types contains hover animations, customized menu dropdown, CTA button, settling on the menu, button textual content and URL, CSS, a couple of cellular settings, and extra.

Right here’s the header at the entrance finish. It has added a CTA button with a hover animation.

Footer Customizations

Footer customizations upload new options to the theme customizer.

The customizer provides the footer menu, backside bar, and social icons. I’ve adjusted the menu and backside bar on this instance. You’ll additionally see the customized scroll bar on this symbol, which is added one at a time.

Divi Pixel Weblog Tab

The Weblog tab provides 9 settings and a whole lot of theme customizer choices.

Customized Archive Web page Taste

The customized types come with 6 layouts. Make a choice from a unmarried column with the picture on most sensible, a unmarried column with the picture at the left, a unmarried column alternating, two columns with the picture on most sensible, 3 columns with the picture on most sensible, and alternating the use of smaller pictures. You’ll additionally follow those layouts to the Divi Weblog Module with the CSS Magnificence.

Right here’s the default atmosphere. It provides styling to the entire parts together with a styled button. The photographs are huge. This additionally presentations every other atmosphere that’s enabled by means of default known as Upload icons to meta textual content and the Learn Extra button. It additionally provides the writer field, publish navigation, and comparable posts, which you’ll see at the posts themselves.

Converting the format is so simple as clicking the only you wish to have and saving the adjustments. Right here’s the 3-column format. The photographs are tall. I’m soaring over the center symbol within the instance under to turn the overlay.

You’ll regulate the entire styling with the theme customizer. It contains choices for the types, archives, buttons, sidebar, publish navigation, writer field, comparable articles, and feedback. I’ve adjusted the name font and excerpt font within the instance under. This case additionally presentations the social icons added to the header.

I’ve adjusted the fonts for the navigation, writer field, and comparable posts. You’ll regulate the entire parts independently. For the writer field, I’ve adjusted the name font, frame font, and symbol.

Divi Pixel Social Media

The Divi Pixel Social Media tab means that you can upload social media icons to the header. Select which a part of the header the icons are added to, and the social networks so as to add.

Permit Divi Pixel Social Icons

You’ll allow the social media icons to show within the header. This additionally contains choices to regulate how they paintings on click on, for cellular gadgets, and many others.

The icons are positioned within the secondary menu by means of default.

You’ll additionally regulate them within the theme customizer. Regulate the icon, background, hover, animation, form, dimension, and many others. I’ve added the social icons to the principle menu, adjusted the dimensions of the icons, and the hover settings for the icon and background colours.

Networks

Choose from 19 common networks. Show them by means of including your URL.

Divi Pixel Cellular Tab

The cellular tab contains breakpoints, solving the cellular header, hiding the quest icon, converting the brand on cellular, and many others. This provides you with numerous regulate over the cellular settings. You’ll add any brand you wish to have.

Cellular Menu

The cellular menu provides 9 settings that come with choices for the menus’ animation taste. Make a choice from a slider, squeeze, spin, elastic, cave in, stand, spring, minus, and vortex. Merely click on the only you wish to have. It presentations an animation at the settings display to come up with an concept of the way it could paintings at the entrance finish.

You’ll regulate the entire styling for the hamburger icon within the theme customizer. Regulate the colour, open colour, background colour, opened background colour, border radius, padding, and many others. On this instance, it’s the use of a special brand, background colour, and dropdown menu than the desktop model.

Cave in Submenu Pieces on Mobiles

Opting for Cave in Submenu Pieces on Mobiles opens every other new option- Take away Father or mother Menu Hyperlink. This prevents the father or mother menu hyperlinks from opening.

Divi Pixel Modules Tab

The Module tab provides over 40 new modules to the Divi Builder. A few of these paintings with the brand new publish varieties which can be added by means of Divi Pixel and accessed within the WordPress dashboard. You’ll display or disguise all of them or allow the particular modules you wish to have. We’ll take a look at among the Divi Modules.

Testimonials

Testimonials provides a brand new publish sort the place you’ll be able to create the testimonials for the module to show. You’ll create them within the editor or get them from Fb, Google, and WooCommerce. The editor contains fields for the name, content material, symbol, title, corporate, web site, and score.

The module shows the testimonials and gives many choices, together with the quantity to show, testimonials to incorporate or exclude, which parts to turn or disguise, popup settings, carousel settings, the overview sort, and extra. All the usual Divi design choices are right here as smartly.

Popup Maker

The popup maker makes use of the Divi Builder to create the layouts. The editor additionally contains cause settings, popup location choices, and customization. This one isn’t a module, however you’ll be able to display or disguise it within the module settings. It’s added to any part with a CSS magnificence ID.

The cause settings permit you to select the cause occasions, shut choices, and many others.

The positioning choices come with the person roles, website house, and posts that may display the popup. Select publish varieties, explicit posts, and exceptions.

The customization choices permit you to select the overlay background colour, popup animation, place, blur, and extra.

FAQ with Schema Markup

Divi Pixel’s FAQ module is constructed upon Google’s Structured Information rules. The FAQ builder makes use of the vintage editor. You’ll create them like all content material within the vintage editor and upload FAQ classes.

When you’ve constructed the FAQs, you’ll be able to show them with the FAQ Module. Display all FAQs or exclude explicit FAQs, show by means of classes, output structured knowledge and HTML, and many others. Taste them within the design tab.

Balloon

The Balloon Module creates a balloon this is decided on as a menu merchandise. Upload any content material inside the balloon and magnificence it within the design tab.

Content material Toggle

The Content material Toggle Module is attention-grabbing. It means that you can specify two layouts and gives a toggle so the person can transfer between them. I’ve specified two layouts. The picture under presentations the primary format.

Clicking the toggle adjustments to the second one format, as noticed under.

Information Circle

The Information Circle Module is a fascinating approach to show data and content material. It means that you can upload icons or pictures round a circle. Create as many units of information as you wish to have, select icons and pictures for every one, and magnificence them in combination or independently.

Divi Pixel Format Injector Tab

The format injector means that you can choose a Divi format and position it in positive places at the web site. Position the format ahead of and after the navigation, footer, and after the weblog and archive header. It could possibly additionally construct a 404 web page.

Divi Pixel Supplementary Information

Divi Pixel additionally contains many demos you’ll be able to import to get a head get started to your layouts.

The place to Acquire Divi Pixel

Divi Pixel is to be had within the Divi Marketplace for $169. It contains limitless web site utilization, a 30-day money-back ensure, and 1 12 months of toughen and updates.

Finishing Ideas

That’s our take a look at Divi Pixel. There are numerous options and modules on this plugin. I’ve simplest scratched the skin on this publish. If you wish to prolong what you’ll be able to do with Divi, Divi Pixel is a superb position to begin.

We need to pay attention from you. Have you ever attempted Divi Pixel? Tell us what you take into consideration it within the feedback.

The publish Divi Product Highlight: Divi Pixel seemed first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more