Jane Clark



Divi LayoutsGeneral Directions:To use a layout pack you’ll need to first download its zipped file by clicking the download button on the webpage indicated in the left column of the table below.Then, locate it in your downloads folder and unzip it. Next, navigate in your WordPress admin to?Divi > Divi Library?and click the “Import & Export” button at the top of the page.When the portability modal pops up, select the import tab. Then, click the “choose file” button and go back to the folder you unzipped in your downloads folder. You can select the All.json file to import all of the layouts at once, or choose any of the individual layouts to import them one at a time.After your selection is made click the blue “Import Divi Builder Layouts” button and wait for the upload to complete. Once completed, you will now find new page layouts available to you in your Divi Library.Importing & Exporting Tutorial Link: Layout PacksName/Filename/Description & WebpageVisual DescriptionHomepage Layout PackFilename:(Original Filename: divi-100-pack-1.zip)Renamed to:Divi-100-pack-homepage-layout-pack-1.zip BusinessClients, features, video, testimonialsDesign AgenciesLocal/Lifestyle BusinessPhoto Gallery Layout PackFilename:(Original filename from ET website: divi-100-pack-3.zip)Renamed to:divi-100-photo-gallery-layout-pack-3.zip column, alternating images with text, open spacesFull screen collageHorizontal width layout featuring image followed by text blockGrid layout with images on left hand side and text on white background on the right hand side2-column layout with images and short description below. Testimonial Layout PackFilename:(Original filename: Divi-100-pack-4.zip)Renamed file:divi-100-testimonial-layout-pack-4.zip different testimonial layouts Blog Post Layout PackFilename:(Original filename from ET website: Divi-100-layout-pack-5.zip)Renamed file:divi-100-blog-post-layout-pack-5.zip layoutsfull-width custom header, over-hanging images, a clean image grid, and bold block quotes?custom header including article title, author image, and metadata.Collage like overlapping imagesList Layout PackFilename:divi-100-pack-6-layout.zipRenamed file: divi-100-list-layout-pack-6.zip showcase features and benefits of your products and services10 different layoutsFooter: Layout PackFilename:Divi-100-footer-layout-pack.zip unique designs Page: FAQ Layout PackFilename: divi-100-faq-layout-pack.zip modern, clean layouts that you can use as is or for inspiration Split Screen LayoutFilename:divi-100-split-screen-layout-kit different split screen layoutsButtons: Custom Buttons Layout KitFilename: divi-100-buttons-kit.zip different button stylesSave as module once you’ve decided which ones you want to use on your site.3 main styles in a variety of colorsPage or Post: Simple Layout Article KitFilename:Divi-100-simple-article-layout-kit.zip for page or post with bolded font and white space. Clean and modern.Other: Customizer Settings Layout PackFilename: Divi-100-customizer-settings-pack.zip you to import customizer settings that go across your entire site.Should save your customizer settings first so you can revert if you don’t like the new settingsImage n/aHeader: Divi UI Header Layout PackFilename: Divi-100-header-ui-kit.zip headers (menus) to be used with blank template pageFor pages on which you want header to be different25 different layoutsPages: Contact Us Page Layout KitFilename:divi-100-contact-page-layout-pack.zip different contact us page layouts Pages: Profile Pages Layout KitFilename:Divi-100-profile-pages-layout-kit.zip personal landing pages within a larger site or even for micro “about me” websites8 different layoutsPage: Landing Page in two forms.pre-made Divi sectionOR you can access all 23 components at once using the master layoutPage: About()Overlapping sectionsCustomer TestimonialsTeam Customer Profiles (grid)Landing Page of Product (circle icons)Testimonials (Staggered)Your ResumeFAQCTAContact Form formOpt-inContact Form (section) on leftContact form on rightSplit Section split Split Section row with image and textPricing Tables Pack new designsOpt-in Form designsOpt-in Form additional designsCustom Service Blurb backgroundSection: Diagonal Overlay diagonal overlayGrid services, team or portfolioHeader: Blog Magazine ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download