{"id":16465,"date":"2021-08-25T10:14:53","date_gmt":"2021-08-25T04:44:53","guid":{"rendered":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/"},"modified":"2021-08-25T10:40:10","modified_gmt":"2021-08-25T05:10:10","slug":"installation-of-layouts-for-divi","status":"publish","type":"docs","link":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/","title":{"rendered":"Installation of Layouts for Divi"},"content":{"rendered":"

System Requirements<\/span><\/h2>\n

To get the best knowledge of the Layouts for Divi plugin, we suggest the following system setup:<\/span><\/p>\n

    \n
  1. PHP 5.6 or later<\/span><\/li>\n
  2. MySQL 5.6 or later<\/span><\/li>\n
  3. WordPress 4.4.0 or later<\/span><\/li>\n<\/ol>\n

    This documentation assumes you have already installed WordPress. If you do not know how to install WordPress, you can contact your hosting provider for help and ask him to ensure that the PHP and MySQL version above provides.<\/span><\/p>\n

    Configuration<\/span><\/h2>\n

    Please download the main plugin file\u00a0<\/span>layouts-for-divi.zip<\/span><\/strong><\/a>\u00a0and then follow the below steps:<\/span><\/p>\n

      \n
    1. Login to the admin panel of WordPress<\/span><\/li>\n
    2. Navigate to\u00a0<\/span>Plugins<\/span><\/strong>\u00a0\u2192\u00a0<\/span>Add New.\u00a0<\/span><\/strong>After that, click on<\/span>\u00a0<\/span><\/strong>the\u00a0<\/span>Upload Plugin<\/span><\/strong>\u00a0button and select a\u00a0<\/span>layouts-for-divi.zip\u00a0<\/span><\/strong>file for the following process. Click\u00a0<\/span>Install<\/span><\/strong>\u00a0and, once installed, click\u00a0<\/span>the Activate\u00a0<\/span><\/strong>button.<\/span><\/li>\n
    3. It is a\u00a0<\/span>Divi Builder<\/span><\/strong>\u00a0plugin layout. So, if you haven’t a Divi plugin installed with the site, then it will ask you to install the Divi plugin with the site via admin notice.<\/span><\/li>\n
    4. Now, you need to move on menu names like\u00a0<\/span>Layouts for Divi<\/span><\/strong>.<\/span><\/li>\n<\/ol>\n

      That’s it!. You have configured\u00a0<\/span>Layouts for Divi<\/span><\/strong>\u00a0plugin correctly.<\/span><\/p>\n","protected":false},"featured_media":15632,"parent":16463,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}}},"doc_tag":[464],"acf":[],"yoast_head":"\nInstallation of Layouts for Divi WordPress Plugin - Techeshta<\/title>\n<meta name=\"description\" content=\"Here is the Installation of Layouts for Divi WordPress Plugin. So, you can easily understand the plugin flow.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Installation of Layouts for Divi WordPress Plugin - Techeshta\" \/>\n<meta property=\"og:description\" content=\"Here is the Installation of Layouts for Divi WordPress Plugin. So, you can easily understand the plugin flow.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/\" \/>\n<meta property=\"og:site_name\" content=\"Techeshta\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/techeshta\/\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-25T05:10:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-divi-product-banner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"986\" \/>\n\t<meta property=\"og:image:height\" content=\"470\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Installation of Layouts for Divi WordPress Plugin - Techeshta\" \/>\n<meta name=\"twitter:description\" content=\"Here is the Installation of Layouts for Divi WordPress Plugin. So, you can easily understand the plugin flow.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-divi-product-banner.png\" \/>\n<meta name=\"twitter:site\" content=\"@techeshta\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/\",\"url\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/\",\"name\":\"Installation of Layouts for Divi WordPress Plugin - Techeshta\",\"isPartOf\":{\"@id\":\"https:\/\/www.techeshta.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-divi-product-banner.png\",\"datePublished\":\"2021-08-25T04:44:53+00:00\",\"dateModified\":\"2021-08-25T05:10:10+00:00\",\"description\":\"Here is the Installation of Layouts for Divi WordPress Plugin. So, you can easily understand the plugin flow.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/#primaryimage\",\"url\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-divi-product-banner.png\",\"contentUrl\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-divi-product-banner.png\",\"width\":986,\"height\":470,\"caption\":\"layouts-for-divi-product-banner\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.techeshta.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Layouts for Divi\",\"item\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Getting Started\",\"item\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Installation of Layouts for Divi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.techeshta.com\/#website\",\"url\":\"https:\/\/www.techeshta.com\/\",\"name\":\"Techeshta\",\"description\":\"Web Design & Marketing Company\",\"publisher\":{\"@id\":\"https:\/\/www.techeshta.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.techeshta.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.techeshta.com\/#organization\",\"name\":\"Techeshta\",\"url\":\"https:\/\/www.techeshta.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.techeshta.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2019\/01\/techeshta-logo.png\",\"contentUrl\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2019\/01\/techeshta-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Techeshta\"},\"image\":{\"@id\":\"https:\/\/www.techeshta.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/techeshta\/\",\"https:\/\/twitter.com\/techeshta\",\"https:\/\/www.instagram.com\/techeshta\/\",\"https:\/\/www.linkedin.com\/company\/techeshta\/\",\"https:\/\/in.pinterest.com\/techeshta\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Installation of Layouts for Divi WordPress Plugin - Techeshta","description":"Here is the Installation of Layouts for Divi WordPress Plugin. So, you can easily understand the plugin flow.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/","og_locale":"en_US","og_type":"article","og_title":"Installation of Layouts for Divi WordPress Plugin - Techeshta","og_description":"Here is the Installation of Layouts for Divi WordPress Plugin. So, you can easily understand the plugin flow.","og_url":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/","og_site_name":"Techeshta","article_publisher":"https:\/\/www.facebook.com\/techeshta\/","article_modified_time":"2021-08-25T05:10:10+00:00","og_image":[{"width":986,"height":470,"url":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-divi-product-banner.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Installation of Layouts for Divi WordPress Plugin - Techeshta","twitter_description":"Here is the Installation of Layouts for Divi WordPress Plugin. So, you can easily understand the plugin flow.","twitter_image":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-divi-product-banner.png","twitter_site":"@techeshta","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/","url":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/","name":"Installation of Layouts for Divi WordPress Plugin - Techeshta","isPartOf":{"@id":"https:\/\/www.techeshta.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/#primaryimage"},"image":{"@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-divi-product-banner.png","datePublished":"2021-08-25T04:44:53+00:00","dateModified":"2021-08-25T05:10:10+00:00","description":"Here is the Installation of Layouts for Divi WordPress Plugin. So, you can easily understand the plugin flow.","breadcrumb":{"@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/#primaryimage","url":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-divi-product-banner.png","contentUrl":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-divi-product-banner.png","width":986,"height":470,"caption":"layouts-for-divi-product-banner"},{"@type":"BreadcrumbList","@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/installation-of-layouts-for-divi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.techeshta.com\/"},{"@type":"ListItem","position":2,"name":"Layouts for Divi","item":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/"},{"@type":"ListItem","position":3,"name":"Getting Started","item":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/"},{"@type":"ListItem","position":4,"name":"Installation of Layouts for Divi"}]},{"@type":"WebSite","@id":"https:\/\/www.techeshta.com\/#website","url":"https:\/\/www.techeshta.com\/","name":"Techeshta","description":"Web Design & Marketing Company","publisher":{"@id":"https:\/\/www.techeshta.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.techeshta.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.techeshta.com\/#organization","name":"Techeshta","url":"https:\/\/www.techeshta.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techeshta.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2019\/01\/techeshta-logo.png","contentUrl":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2019\/01\/techeshta-logo.png","width":512,"height":512,"caption":"Techeshta"},"image":{"@id":"https:\/\/www.techeshta.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/techeshta\/","https:\/\/twitter.com\/techeshta","https:\/\/www.instagram.com\/techeshta\/","https:\/\/www.linkedin.com\/company\/techeshta\/","https:\/\/in.pinterest.com\/techeshta\/"]}]}},"comment_count":0,"_links":{"self":[{"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/16465"}],"collection":[{"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/comments?post=16465"}],"version-history":[{"count":0,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/16465\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/16463"}],"prev":[{"title":"Introduction of Layouts for Divi","link":"https:\/\/www.techeshta.com\/docs\/layouts-for-divi\/getting-started\/introduction-of-layouts-for-divi\/","href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/16464"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/media\/15632"}],"wp:attachment":[{"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/media?parent=16465"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/doc_tag?post=16465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}