Divi Den Pro – Layout Library is a third-party plugin with a large library of predesigned Divi parts that can assist you construct internet sites sooner. It features a distinctive person interface that’s searchable and sortable, making the layouts simple to seek out. On this put up, we’ll check out Divi Den Professional – Structure Library to assist making a decision if it’s the suitable product to your Divi design toolbox.
Putting in Divi Den Professional – Structure Library
Putting in Divi Den Professional – Structure Library used to be easy. It really works the similar as importing any plugin, however you’ll want to be signed in in your Divi Market Account for it to be to be had inside of Divi. First, to put in, cross to:
- Upload New
- Add Plugins
- Make a selection Record
- Set up Now
Subsequent, as soon as the plugin is put in, turn on it as same old, and also you’ll see a brand new menu added in your dashboard.
- Turn on Plugin
Structure Library Content material
The Divi Den Professional – Structure Library comes with 2615 library pieces. This contains 1988 sections and modules, 631 layouts, 39 menus, and 18 whole site designs. The entire pieces are pre-styled. The layouts are categorised, examined, and optimized for various display sizes.
There are a number of tactics to make use of them on your Divi layouts. You’ll to find the layouts within the Divi Den Professional DM menu and within the Divi Theme Builder. The Divi Den Professional DM menu is the best way to make use of them. You’ll be able to seek them by way of key phrase and class and import them in your Divi Library.
Divi Den Professional DM Menu
You’ll discover a new menu merchandise on your WordPress dashboard referred to as Divi Den Professional DM. The menu contains plenty of hyperlinks, which you’ll additionally to find as tabs inside the menu itself.
The primary tab is the Structure Finder. This features a seek field with filters at the left and the effects at the proper. It additionally contains tabs so you’ll be able to view all layouts, handiest the unfastened layouts, or simply the professional layouts. The filters display the choice of layouts in that kind. They’re divided into layouts, sections, modules, classes, collections, Divi Theme Builder, and Plugin Theme Builder.
The effects house presentations a thumbnail of the format. The thumbnail will scroll on hover if the format is bigger than the container. You’ll be able to view the format in any other tab, save the format in your Divi Library, or obtain the format in your pc as a JSON report.
Deciding on a filter out opens it to turn the choices. I’ve opened Collections, which presentations the names of layouts from Divi Den. Deciding on one presentations the layouts inside of that assortment within the house at the proper.
I clicked to view a format and it opened the demo at the Divi Den web page in any other tab. The web page presentations a couple of layouts, sections, and so forth. I’m soaring over the picture within the height heart to turn its hover results.
The Newest tab presentations the most recent posts from the Divi Den weblog. This can be a smart way to be told what’s new within the Structure Library.
The Tutorials tab contains the entire tutorials that train the best way to use Divi Den Professional – Structure Library. They come with embedded movies that display whilst you click on on an academic, so you’ll be able to be told at once from the Divi Den dashboard with out leaving WordPress. This is helping with usability, so if there’s one thing you wish to have assist with, you’ll to find it right here.
The Theme Builder tab divides the layouts into Divi Theme Builder and Plugin Theme Builder. It presentations the collections, web page varieties, and so forth. Those also are added to the Divi Theme Builder. You’ll be able to additionally release the Theme Builder from right here.
The Plugin Theme Builder has a hyperlink to open the Theme Customizer.
The Theme Customizer provides 3 new customizer tabs for web page, weblog, and international settings. This contains added options akin to a popup customizer, a sticky bar, extra icons, the back-to-top button, a coming quickly web page, template customizations, and a lot extra.
Customized CSS Information
The Customized CSS Information tab supplies the customized CSS from the Divi Den layouts that you’ll be able to replica and alter. Clicking one opens the CSS in any other tab. An embedded video presentations the best way to use the customized CSS.
The Complicated tab contains the White Label tab and the Extra Choices tab. White Label means that you can rebrand the plugin to check your emblem.
The Extra Choices tab means that you can transfer the Divi Den Professional tab inside the Divi Builder parts. That is enabled by way of default.
Divi Den Professional Structure Library within the Divi Builder
A tab for the Divi Den Professional – Structure Library is added to the Modules modal.
Deciding on the tab opens the menu the place you’ll be able to make a choice the format you need. The layouts are downloaded as JSON recordsdata, so that you’ll want to add them to pages and posts if you wish to use them.
Divi Den Professional Structure Library within the Divi Theme Builder
The Divi Den Professional – Structure Library interface may be added to the ground of the Divi Theme Builder display. It really works the similar because it does within the WordPress dashboard.
It really works the similar method within the Theme Builder because it does on pages and posts.
Divi Den Professional Structure Library Examples
Now that we’ve noticed the best way to use the Divi Den Professional – Structure Library interface, let’s take a look at a couple of examples. We’ll take a look at a couple of of every kind.
Subsequent, we’ll take a look at a couple of layouts. I’ll load them into the Divi Theme Builder. Whenever you’ve stored the layouts in your Divi Library, they’re to be had on your layouts. Seek them and make a selection classes at the left.
Store Touchdown Web page V3 Ragnar
That is the highest portion of Store Touchdown Web page V3 Ragnar. It features a hero segment with an electronic mail CTA. A store segment presentations featured merchandise and contains an animated overlay that scrolls a message in wide textual content on hover.
Right here’s the ground portion of Store Touchdown Web page V3 Ragnar. Additional-large photographs create store CTAs and come with animated buttons. A novel weblog segment presentations the featured symbol at the back of the textual content that looks on one facet.
Careers Web page V1 Tina
That is the highest portion of Careers Web page V1 Tina. It features a hero symbol with an overlapping name, an advent with a callout, and two columns of textual content. Following it is a segment of open positions displayed as playing cards.
That is the ground portion of Careers Web page V1 Tina. Blurbs with hover animations supply data adopted by way of a CTA to ship a CV and a bit of corporate perks.
Outdated Instances Weblog Web page
This situation is the highest portion of the Outdated Instances Weblog Web page. It features a hero segment with a message over a background symbol and a button with a hover animation. A weblog segment presentations a weblog put up with a big, featured symbol at the left and posts with a smaller featured symbol as a sidebar at the proper. A yellow line separates the weblog segment from the hero segment. The entire weblog playing cards come with tilt animations.
That is the ground portion of the Outdated Instances Weblog Web page. It additionally makes use of yellow traces for separation and contains two three-column weblog sections, a big electronic mail shape, and a footer.
Menu Web page Structure Jamie
Right here’s the highest portion of the Menu Web page Structure Jamie. It features a hero segment with icons that hyperlink to the quite a lot of meals menu classes. They come with hover animations. A two-column meals menu follows this with a picture at the left and an outline at the proper. The meals is split into classes.
Menu Web page Structure Jamie
That is the ground part of the Menu Web page Structure Jamie. It continues the meals menu and contains touch data with a full-width map.
Showreel House Web page Structure
That is the highest portion of the Showreel House Web page Structure. The hero segment features a button that performs an embedded video and several other blurbs over a full-screen background symbol. Following it is a set of tabs to show data. Massive photographs with animated overlays hyperlink to the products and services.
That is the ground portion of the Showreel House Web page Structure. It continues the massive photographs and contains any other segment of pictures for products and services with tilted overlay animations. It additionally contains styled quantity counters, an electronic mail shape, and a footer.
Visible Growth Bar Web page Freddie
This one is Visible Growth Bar Web page Freddie. It has a sublime format, however the primary part I wish to display is the development bar. That is the hero segment of the format. A menu sits on the backside of the display. While you scroll, the menu attaches to the highest of the display and presentations the development throughout the format.
The segment on this instance is case research. The development bar presentations yellow for each segment that I’ve scrolled previous. The pictures for this segment come with tilt results.
In case you have Divi Den Professional – Structure Library sections stored in your Divi Library, a Divi Den Professional DM tab is added in your Segment modal.
Largest Hits Song Module Freddie
Largest Hits Song Module Freddie supplies a styled audio participant segment with a black background and yellow hover results.
Styling Gallery Demo
Styling Gallery Demo supplies a fascinating symbol gallery with other border shapes and a block of colour to split the photographs.
Lintang Procedure Grace
Styling Gallery Demo supplies an inventory of steps. They’re positioned horizontally and come with formed photographs or colours, and hover results.
Thunderbolt Product Freddie
Thunderbolt Product Freddie is a product segment that presentations a product slider on one facet and styled data at the different.
Alula Timeline Grace
Alula Timeline Grace creates an alternate vertical timeline with photographs on one facet and knowledge at the different.
The Modules choice within the dashboard presentations buttons. Listed here are a couple of that I downloaded.
I’ve added the entire buttons I downloaded to a unmarried web page. Each and every of the buttons contains attractive hover animations.
The place to Acquire Divi Den Professional Structure Library
Divi Den Professional – Structure Library is to be had within the Divi Marketplace for $189. It contains limitless site utilization, 365 days of reinforce and updates, and a 30-day money-back ensure.
Finishing Ideas on Divi Den Professional Structure Library
That’s our take a look at Divi Den Professional – Structure Library. There are numerous layouts on this library. The person interface is understated. Looking out, sorting, uploading, and downloading the layouts is intuitive. I discovered the hyperlink at the sections and modules to be restricted greater than the dashboard, as soon as the layouts are within the library, they’re to be had by way of deciding on the Upload from Library choices. If you happen to’re eager about including a number of thousand professionally designed layouts in your Divi Library, Divi Den Professional – Structure Library is price a glance.
We wish to listen from you. Have you ever attempted Divi Den Professional – Structure Library? Tell us what you take into consideration it within the feedback.
The put up Divi Product Highlight: Divi Den Pro – Layout Library seemed first on Elegant Themes Blog.