Divi Layouts Prolonged is a third-party product for Divi that contains over 1700 layouts which may well be imported by means of a custom designed dashboard. They duvet somewhat numerous genres and include modules, sections, and entire pages. In this submit, we’ll take a look at Divi Layouts Extended to be in agreement you decide if it’s the appropriate product in your Divi toolbox.

Putting in place Divi Layouts Extended

Putting in place Divi Layouts was once simple. Upload it and activate it the identical as any plugin. So as to add it, move to:

1. Plugins
2. Add New
3. Upload Plugin
4. Make a choice Record
5. Arrange Now

As quickly because it installs, you’ll see an approach to flip at the plugin. Make a choice to activate it, and it’s in a position to use.

1. Activate Plugin

Change: New Shopper Interface

Forward of we dive into the product highlight, Divi Extended has no longer too way back given Divi Layouts Extended a brand spanking new feel and look. Take a look underneath to appear what you’ll expect from the new particular person interface. They’ve moreover added 200 further layouts to their library, giving you a lot more possible choices to make a choice from when construction your internet websites!

Divi Layouts Extended Dashboard

A brand spanking new Divi Layouts Extended menu is added to the WordPress dashboard. Clicking it opens the new dashboard where you’ll make a choice the layouts you need. I found out this dashboard to be simple and intensely intuitive.

It comprises tabs to appear the layouts, modules, sections, or pages. You’ll be capable of moreover search for anything you need and kind them by way of popularity, name, and date in ascending or descending order. The layouts appear as taking part in playing cards. You’ll be capable of preview the structure or save it in your library, scroll the larger layouts to appear them, and preview the layouts to get a better take a look at them. This example shows the All tab, which contains modules, sections, and pages.

Scrolling to the bottom of the checklist is navigation where you’ll make a choice a internet web page or choose First or Last.

Clicking Preview opens the object on the Divi Layouts Extended internet web page. You’ll be capable of scroll all through the structure, click on on on all the clickable problems, hover to appear the hover effects, and see the structure with photos, products, and so on.

When you choose Save to Library, the structure will import, and the button changes from a pink button to a green Saved button.

You’ll moreover see the structure on your library where you’ll use it as not unusual on your pages, posts, and the Divi Theme Builder. They’ll include the kinds and types. In this example, I’ve saved a space internet web page. It comprises the home internet web page magnificence and structure type.

Divi Layouts Extended Modules

The Divi Layouts Extended Modules include buttons and sliders. We’ll take a look at a few examples.

Divi Layouts Extended Buttons

There are 55 buttons to make a choice from. The button’s text works as a short lived description of what the button does or its structure.

Designs include solid colors, no colors, gradients, photos, text, with or without borders, sq. or rounded edges, with or icons, with or without shadows, with or without hover effects, and additional. Most are made to stand out, and they stand out successfully. I specifically similar to the buttons with icons and with hover effects.

Divi Layouts Extended Sliders

There are 15 sliders to make a choice from. They’re full-screen and include different designs for their layouts and navigation. They arrive with a choice to movement, photos, backgrounds, products, navigation, and so on.

This example shows an angled background, styled navigation, an image, text, and CTA.

Divi Layouts Extended Sections

There are 855 sections in 27 different categories. They arrive with sections comparable to About, blog, CTAs, client logos, headers, footers, perfect bars, amount counters, testimonials, hero sections, galleries, services and products, and slightly so much further.

Headers

It comprises 130 headers. They arrive with menus, social media icons, search fields, clickable phone numbers, CTAs, styled dropdown menus, and slightly so much further. Many include a perfect bar.

This example shows headers 127-129. They arrive with navigation, social icons, search, contact wisdom, and so on.

This example shows headers 101-103. They arrive with CTA buttons with hover animations. I’m hovering over the second header’s menu to show the dropdown menu.

Blogs

There are 60 blog sections. They arrive with grid layouts, alternating layouts, single-column layouts, styling, hover effects, and so on. The blog taking part in playing cards provide numerous styling possible choices.

This example has a magazine-style structure with two columns. The latest blog posts are displayed inside the left column and include featured photos, while the others are stacked in the appropriate column and include huge read-more buttons.

This example shows a grid structure with overlapping titles and excerpts. I’m hovering over the second submit to show its hover have an effect on.

CTAs

There are 38 call-to-action sections to make a choice from. They’re full-width and include photos, messages, buttons, forms, amount counters, and additional in multiple kinds of layouts.

This example shows an e-mail CTA with red highlights and contact wisdom. The phone amount is clickable.

Hero Sections

It comprises 60 hero sections. They arrive with CTAs, embedded films, countdown timers, photos, backgrounds, forms, blurbs, posts, products, and additional. The ones are a couple of of my favorite layouts in Divi Layouts Extended.

This example shows a CTA with a graph that overlaps two backgrounds. The background comprises shapes in a lot of colors to stand out.

This example comprises links to the somewhat numerous pages inside the retailer. They arrive with solid colors and photographs with titles, buttons, or discounts.

Staff

Choose from 35 group of workers layouts. They display styled Particular person Modules in a lot of ways and include supporting text, buttons, and additional. Most are located in a grid, then again there are a few with single-column layouts, mosaic layouts, and so on.

This example shows 3 Particular person Modules with text, a button, and a wavy background. Hovering over a module on all sides makes it slide on a diagonal.

Testimonials

There are 25 testimonial sections to make a choice from. They arrive with grid layouts, single-column layouts, alternating layouts, and slightly so much further. They arrive with background photos or color on one facet, different backgrounds for the Testimonial Modules, circled photos, squared photos, and so on.

This example shows an image on one facet and a testimonial slider overlapping the image on the other facet. The slider comprises navigation on the far correct.

Timeline

There are 5 timeline sections to make a choice from. The ones are great for showing the process steps, a publication timeline, and so on. They arrive with horizontal and vertical layouts.

This one shows a producing timeline, which is very good for venture keep watch over. It presentations the timeline with different colored icons that industry from the perfect to the bottom. The text is on the opposite facet of the icons and comprises titles within the identical color for the reason that icons.

Portfolio

Choose from 10 portfolio layouts. The ones are probably the most essential most elegant layouts in Divi Layouts Extended. They arrive with various background designs, along side photos and blocks of color. They arrive with various layouts and portfolio card designs. Some include a CTA or a styled filter out. They artwork for somewhat numerous industries, along side trade, client, stores, consuming puts, photos, design, and so on.

This example uses a portfolio section to create a restaurant menu. The portfolio taking part in playing cards have shadows, overlays, and rounded corners. They overlap the background image. I’m hovering over the object at the right kind to show the overlay.

Woo Sections

There are 30 Woo sections to make a choice from. They artwork as CTAs inside the somewhat numerous categories inside the retailer and include styled backgrounds, styled photos, offers, countdown timers, and numerous structure designs. They could artwork great as sections within layouts and as hero sections.

This example shows styled photos with offset borders. They arrive with two different layouts within the grid. It in point of fact works as links to categories inside the retailer.

This example includes a countdown timer and a button to appear the shop.

Divi Layouts Extended Pages

The Divi Layouts Extended Pages tab comprises 23 kinds of pages. They arrive with space, landing, about, coming temporarily, checkout, pricing, product, search, services and products, venture, retailer, group of workers, testimonials, FAQs, Lookbook, 404, and additional. They use the modules and sections from the other tabs to create pages in numerous genres with custom designed styling for each one. Listed below are a few examples.

Space

Choose from 10 space pages to make a choice from. They’re designed for stores, companies, bands, exact belongings, weddings, and various different service-based firms.

This example shows the principle a part of Divi Are living efficiency, which was once designed for bands and live events. It includes a hero section with a background image, CTA, and a host counter. It moreover comprises sections for information, an event schedule, and a group of workers section for the band participants.

The second phase comprises an itinerary with two sections that display an image on one facet and blurbs on the other. Moreover integrated are a blog section, pricing tables, and sponsor logos.

Landing

There are 40 landing pages to make a choice from in numerous genres with a point of interest on industry. They arrive with companies, conferences, authors, podcasts, webinars, and so on.

That’s the landing internet web page for a podcast. It includes a hero section with a CTA, an embedded video, sponsor logos, and an e-mail form. It moreover includes a section for information, embedded audio data, and hosts.

Lookbook

There are 3 Lookbook pages to make a choice from. They arrive with a number of styled photos in somewhat numerous layouts to build retailer pages that target photos.

This example shows various sections of product photos and includes a countdown timer and featured products.

Retailer

There are 30 retailer pages to make a choice from. They display products in somewhat numerous ways in grids, with huge or small photos, with or without sidebars, and with or without CTAs.

This example includes a sidebar with breadcrumbs, products, categories, and tags. A slider on the most productive of the internet web page links to categories. The products include styled elements.

Post

There are 25 blog submit layouts. They display the submit elements in a lot of ways. Make a choice a structure with or without a sidebar.

This example places the featured image on the left with the text and metadata at the right kind over a solid background. The content material subject matter is presented in a big single-column structure with submit navigation, tags, and comments.

Coming Briefly

There are 5 coming temporarily pages to make a choice from. They arrive with huge text, countdown timers, e-mail forms, and social media follow icons.

This example presentations the message on the left over a background image. At the right kind are a countdown timer, social media icons, and a button for an e-mail form, all located over a white background with a rounded left edge.

404

There are 10 404 pages. They arrive with a mixture of graphics, photos, typography, social follow icons, contact wisdom, search boxes, and a link to the home internet web page. Most only include a few of the ones elements, which assists in keeping them simple and easy to clutch.

The example uses a background image of an event, which works great with the Divi Are living efficiency landing internet web page. It includes a full-width background image, the 404 error message, a search box, and social icons.

Where to Achieve Divi Layouts Extended

Divi Layouts Extended is available inside the Divi Market for $49. It comprises countless internet web page usage, one year of make stronger and updates, and a 30-day money-back be sure that.

Completing Concepts on Divi Layouts Extended

That’s our take a look at Divi Layouts Prolonged. There are numerous well-designed layouts in this Divi plugin. The dashboard is understated to use and only imports the layouts you need, holding your Divi Library clean. Once imported into your Divi Library, they artwork the identical as any Divi structure. In case you’re serious about expanding your library of Divi layouts, Divi Layouts Extended is a smart method to consider.

We need to pay attention from you. Have you ever ever tried Divi Layouts Extended? Let us know what you imagine it inside the comments.

The submit Divi Product Spotlight: Divi Layouts Prolonged appeared first on Sublime Issues Weblog.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more