{"id":377,"date":"2018-12-08T17:20:57","date_gmt":"2018-12-08T11:50:57","guid":{"rendered":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro\/"},"modified":"2021-08-11T18:02:01","modified_gmt":"2021-08-11T12:32:01","slug":"installation-of-post-layouts-pro-for-gutenberg","status":"publish","type":"docs","link":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/","title":{"rendered":"Installation of Post Layouts Pro for Gutenberg"},"content":{"rendered":"

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

To get the best sense of Post Layouts Pro for Gutenberg Add-on. 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 5.0 or later<\/span><\/li>\n<\/ol>\n

    This documentation thinks you have already installed the latest version of WordPress. If you do not know how to install WordPress, please contact your hosting provider for help. Also, ask him to make sure that the PHP and MySQL versions above have been ensured.<\/span><\/p>\n

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

    Please download the main plugin file from the CodeCanyon\u00a0<\/span>downloads<\/span><\/strong><\/a>\u00a0section and then follow the below steps:<\/span><\/p>\n

      \n
    1. After download, the plugin file from CodeCanyon, kindly extract it and find the original plugin file with the zip file name, <\/span>post-layouts-pro.zip.<\/span><\/strong><\/li>\n
    2. Login to the admin panel of WordPress<\/span><\/li>\n
    3. Navigate to\u00a0<\/span>Plugins<\/span><\/strong>\u00a0\u2192\u00a0<\/span>Add New<\/span><\/strong> and at the top of the page, the <\/span>Upload Plugin<\/span><\/strong>\u00a0button. Click on it and select a\u00a0<\/span>post-layouts-pro.zip\u00a0<\/span><\/strong>file for the next process. Also, click\u00a0<\/span>Install,<\/span><\/strong>\u00a0and once installed, click\u00a0<\/span>Activate<\/span><\/strong>.<\/span><\/li>\n
    4. It is a\u00a0<\/span>Gutenberg Editor<\/span><\/strong>\u00a0add-on. If you haven’t a Gutenberg Editor or installed\u00a0<\/span>Classic Editor<\/span><\/strong>\u00a0plugin installed with the site, it will not work for you.<\/span><\/li>\n
    5. Now, go to\u00a0<\/span>Pages<\/span><\/strong> and create a new page. Find the\u00a0<\/span>Post Layouts<\/span><\/strong>\u00a0block from the group and explore the plugin features on the right-hand side.<\/span><\/li>\n<\/ol>\n

      That’s it!. You have configured\u00a0<\/span>Post Layouts Pro for Gutenberg<\/span><\/strong>\u00a0plugin correctly.<\/span><\/p>\n","protected":false},"featured_media":10244,"parent":374,"menu_order":1,"comment_status":"closed","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":"plain-container","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":[319,317],"acf":[],"yoast_head":"\nInstallation of Post Layouts Pro for Gutenberg - Techeshta<\/title>\n<meta name=\"description\" content=\"Here is the installation of Post Layouts Pro for Gutenberg 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\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Installation of Post Layouts Pro for Gutenberg - Techeshta\" \/>\n<meta property=\"og:description\" content=\"Here is the installation of Post Layouts Pro for Gutenberg plugin. So, you can easily understand the plugin flow.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/\" \/>\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-11T12:32:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/11\/post-layouts-pro-for-gutenberg.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\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 Post Layouts Pro for Gutenberg - Techeshta\" \/>\n<meta name=\"twitter:description\" content=\"Here is the installation of Post Layouts Pro for Gutenberg plugin. So, you can easily understand the plugin flow.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/11\/post-layouts-pro-for-gutenberg.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\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/\",\"url\":\"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/\",\"name\":\"Installation of Post Layouts Pro for Gutenberg - Techeshta\",\"isPartOf\":{\"@id\":\"https:\/\/www.techeshta.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/11\/post-layouts-pro-for-gutenberg.png\",\"datePublished\":\"2018-12-08T11:50:57+00:00\",\"dateModified\":\"2021-08-11T12:32:01+00:00\",\"description\":\"Here is the installation of Post Layouts Pro for Gutenberg plugin. So, you can easily understand the plugin flow.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/#primaryimage\",\"url\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/11\/post-layouts-pro-for-gutenberg.png\",\"contentUrl\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/11\/post-layouts-pro-for-gutenberg.png\",\"width\":1200,\"height\":630,\"caption\":\"post-layouts-pro-for-gutenberg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.techeshta.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Post Layouts Pro for Gutenberg\",\"item\":\"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Getting Started\",\"item\":\"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Installation of Post Layouts Pro for Gutenberg\"}]},{\"@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 Post Layouts Pro for Gutenberg - Techeshta","description":"Here is the installation of Post Layouts Pro for Gutenberg 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\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/","og_locale":"en_US","og_type":"article","og_title":"Installation of Post Layouts Pro for Gutenberg - Techeshta","og_description":"Here is the installation of Post Layouts Pro for Gutenberg plugin. So, you can easily understand the plugin flow.","og_url":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/","og_site_name":"Techeshta","article_publisher":"https:\/\/www.facebook.com\/techeshta\/","article_modified_time":"2021-08-11T12:32:01+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/11\/post-layouts-pro-for-gutenberg.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Installation of Post Layouts Pro for Gutenberg - Techeshta","twitter_description":"Here is the installation of Post Layouts Pro for Gutenberg plugin. So, you can easily understand the plugin flow.","twitter_image":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/11\/post-layouts-pro-for-gutenberg.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\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/","url":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/","name":"Installation of Post Layouts Pro for Gutenberg - Techeshta","isPartOf":{"@id":"https:\/\/www.techeshta.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/#primaryimage"},"image":{"@id":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/11\/post-layouts-pro-for-gutenberg.png","datePublished":"2018-12-08T11:50:57+00:00","dateModified":"2021-08-11T12:32:01+00:00","description":"Here is the installation of Post Layouts Pro for Gutenberg plugin. So, you can easily understand the plugin flow.","breadcrumb":{"@id":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/#primaryimage","url":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/11\/post-layouts-pro-for-gutenberg.png","contentUrl":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/11\/post-layouts-pro-for-gutenberg.png","width":1200,"height":630,"caption":"post-layouts-pro-for-gutenberg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/installation-of-post-layouts-pro-for-gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.techeshta.com\/"},{"@type":"ListItem","position":2,"name":"Post Layouts Pro for Gutenberg","item":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/"},{"@type":"ListItem","position":3,"name":"Getting Started","item":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/"},{"@type":"ListItem","position":4,"name":"Installation of Post Layouts Pro for Gutenberg"}]},{"@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\/377"}],"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=377"}],"version-history":[{"count":0,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/377\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/374"}],"next":[{"title":"How to use Post Layouts block","link":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/use-post-layouts-pro-for-gutenberg\/","href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/378"}],"prev":[{"title":"Introduction of Post Layouts Pro","link":"https:\/\/www.techeshta.com\/docs\/post-layouts-pro-for-gutenberg\/getting-started\/introduction-of-post-layouts-pro-for-gutenberg\/","href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/375"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/media\/10244"}],"wp:attachment":[{"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/media?parent=377"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/doc_tag?post=377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}