Divi Switch is a third-party plugin for Divi that provides a lot of new options to Divi that you’ll toggle on or off on the flick of a transfer. Many within the Divi group know of Divi Transfer because it’s been round for a number of years, however their 3.0 replace introduced a lot of new options and enhancements value having a look at. A few of the ones new options come with: a brand new dashboard, a mini plugin for uploading and exporting, pre-loaders, new theme customizer settings, brand customizations, customized 404 and upkeep pages with integrated layouts, make stronger for SVG photographs, and extra.
On this article, we’ll check out the brand new Divi Transfer and pay shut consideration to it’s up to date function set.
Putting in Divi Transfer
Add and turn on Divi Transfer like all plugin. A brand new tab is then added to the Divi Theme Choices menu within the dashboard known as Divi Transfer. Enter your license key and turn on the plugin. The tab will then disclose a brand new intuitive dashboard.
Divi Transfer Dashboard
Divi Transfer has been redesigned and all settings had been moved from its separate position within the admin menu to the Divi Theme Choices Web page. The switches themselves are allotted within the sub-tabs underneath the brand new “Divi Transfer” tab within the Divi Theme choices.
Each and every toggle has a name, brief description and a shadowed out transfer set via default to “Disabled”. If you wish to turn on the impact, simply click on at the transfer and it’ll toggle to “enabled”. It’ll flip blue to suggest that it’s activated.
To peer the outline of the options, choose the query mark that looks at the proper while you hover over the impact.
Let’s have a look at a number of tabs and spot what it could actually do.
Header
The Header tab provides 8 switches and customizations. You’ll be able to take away the header underline, make the telephone quantity clickable, open social hyperlinks in a brand new tab, middle the highest header pieces, use a unique brand on scroll, trade the hamburger menu textual content, use a page-specific brand, and change the full-screen menu with a Divi structure.
Brand Customizations
The Divi Theme has the facility to set a customized brand that may be displayed on each and every web page or submit. However what if you wish to have to make use of other trademarks for your website? Divi Transfer provides a number of brand choices so you will have extra trademarks to show and it offers you keep an eye on over how and the place they show. The settings permit you to make a selection a unique brand on scroll and you’ll set a unique brand for particular pages.
Other Brand on Scroll
To show a brand new brand on scroll merely add the emblem within the settings display. The exchange brand will now show when the customer scrolls.
Web page Particular Brand
With Web page Particular Brand, you’re no longer restricted to only one brand for your website online. You’ll be able to have as many trademarks as you wish to have and it offers you entire keep an eye on over which brand shows on which web page.
For those who’ve enabled Web page Particular Brand within the settings, a brand new function is added to the ground of the content material house of pages and posts. You’ll be able to now set other brand the homepage, and every other for the opposite pages and posts. Right here, you merely add the emblem that you wish to have that web page or submit to show.
This case displays other pages with each and every web page appearing a variation at the website’s brand.
Fullscreen Menu
The Header additionally has a number of menu customizations. For this case, I’ve modified the hamburger menu textual content and decided on a structure for the fullscreen menu.
Right here’s the hamburger menu with its new textual content.
Clicking the hamburger menu opens the full-screen menu and displays the Divi structure that I decided on. It’s translucent so you’ll see the website online within the background. It additionally features a shut button.
Footer
The Footer tab allows you to take away the bullet issues, cover the ground footer, prevent the footer from floating, and change the footer with a Divi structure.
This structure used to be added to the footer of each and every web page simply by deciding on it within the Footer tab.
Major Content material
The Major Content material tab provides 11 switches and customizations. You’ll be able to take away the dividing sidebar line, upload a homepage preloader and set the kind and hues, trade the portfolio symbol ratio, stay photographs from opening in a lightbox, regulate slider animations, take away the Initiatives submit sort, upload a customized upkeep web page, and upload a customized 404 web page.
Preloader
Enabling the preloader will show an animated icon whilst the homepage is loading. That is nice of indicating to the customer that one thing is occurring whilst the true content material of the web page continues to be loading within the background. It has 15 transition varieties and two colour choices.
Right here’s an instance of the way the pre-loader seems to be at the website online whilst the web page is loading.
Customized 404 and Repairs Pages with Layouts
Those options permit you to make a choice any upkeep web page and a 404 web page out of your checklist of pages. This implies you’ll create the pages the use of layouts you’ve created or imported into the Divi library.
That can assist you with this, Divi Transfer comprises top class 404 web page and upkeep web page structure packs with 10 pre-designed layouts that may simply be custom designed and set via default. They’re in JSON layout. The picture above is among the 404 pages.
The layouts are professionally designed, so your 404 web page and upkeep pages received’t be simply informative but in addition horny. This case is among the upkeep pages. It features a countdown timer.
Cell
The Cell tab allows you to set breakpoints for each and every symbol measurement. Input a variety of the price that you wish to have it to modify the breakpoint. You’ll be able to additionally cave in the menu on cell and display a particular textual content.
Posts
Posts has a fab feedback function. This strikes the feedback to a toggle so that they’re hidden via default.
That is the closed toggle. It’s positioned on the backside of the submit the place the feedback most often seem.
Click on to open and spot the feedback. That is the usual WordPress remark shape.
For those who upload the Divi feedback module for your structure you’ll taste it with the module settings. It’s nonetheless positioned throughout the toggle and is closed via default.
Archives
The Archives tab offers you keep an eye on over the archive pages (pages for tags, classes, writer, seek, and so forth.). Upload the class name, take away the sidebar, upload a learn extra hyperlink, and upload a separator line underneath the posts.
Right here’s an instance Writer web page with the entire archive switches enabled.
Integration
The Integration tab allows you to insert Divi layouts into particular places together with ahead of the primary content material, after the primary content material, and ahead of the submit content material. Make a selection the structure from the dropdown lists.
I made a full-width banner the use of only a textual content module and inserted it ahead of the content material. In fact, you’ll construct any form of structure you wish to have. This can be a nice strategy to create CTA’s and particular menus.
Complex
The Complex tab means that you can add Scalable Vector Graphics (SVG) for sharper trademarks, icons, and different photographs. Since WordPress blocks SVG’s via default, this can be a smart way to make use of this symbol layout with Divi.
Import/Export
The Import/Export tab allows you to export the code generated via Divi Transfer into a light-weight and customized branded plugin to put in for your purchasers’ websites. This makes it simple to make use of your favourite Divi Transfer code with no need to put in and arrange the Divi Transfer plugin itself. Input a reputation for the plugin, supply an outline, upload the writer data, give it a plugin model, and choose Export Plugin.
You’ll be able to now add your branded plugin for your shopper’s websites similar to any plugin. It’ll have your branding.
Theme Customizer
A brand new tab is added to the theme customizer known as Divi House Settings. Right here, you’ll in finding every other tab known as Divi Transfer. The theme customizer comprises further settings to create a customized icon for the cell menu, trade header background symbol, customise again to best button, and customise archive pages – all with are living preview.
On this instance, I’ve added a background symbol to the header. You’ll be able to set it to copy, trade the picture place, and alter the picture measurement. Above this surroundings is a ramification house the place you’ll make a selection an icon for the cell menu.
On this instance, I’m adjusting the again to best button to compare the structure. You’ll be able to regulate the icon measurement, radius, place, background colour, icon colour, and hover colours.
On this instance, I’m adjusting the separator colour, peak, and width for the archive pages. You’ll additionally understand in those examples that the emblem modified after I scrolled down. I nonetheless have the emblem switch surroundings activated (neatly, I suppose it’s if truth be told ‘switched’.)
License
Divi Transfer has three licenses to choose between:
- Unmarried website – $24
- 3 websites – $50
- Limitless websites – $96
Divi Transfer could also be to be had in Divi Space Memberships plan.
Finishing Ideas
I’m inspired with the brand new options in Divi Switch. Now not having to stick CSS categories and the brand new dashboard are welcome options. The brand choices, pre-loader, mini plugin, and customized 404 web page and upkeep web page upload so much to Divi all via themselves. I really like the facility to insert Divi layouts and make a selection a customized footer. I additionally just like the theme customization options so as to add a picture to the header and customise it and alter the colour, form, and place of the again to best button.
Divi Transfer provides a large number of options to Divi. I discovered each and every one in all them simple to make use of. For those who’re having a look for a lot of customizations that you’ll upload in one of the simplest ways conceivable, Divi Transfer could also be what you’re in search of.
We need to pay attention from you. Have you ever attempted Divi Transfer? Let us know about your enjoy within the feedback beneath!
Featured Symbol by means of Oleh Donets / shutterstock.com
The submit Divi Plugin Highlight – Divi Switch seemed first on Elegant Themes Blog.
WordPress Web Design