{"id":9096,"date":"2021-01-01T14:46:25","date_gmt":"2021-01-01T09:16:25","guid":{"rendered":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/"},"modified":"2021-03-15T12:41:58","modified_gmt":"2021-03-15T07:11:58","slug":"installation-of-timeline-blocks-for-gutenberg","status":"publish","type":"docs","link":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/","title":{"rendered":"Installation of Timeline Blocks for Gutenberg"},"content":{"rendered":"

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

To get the best sense of Timeline Blocks 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 version above has ensured.<\/p>\n

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

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

      \n
    1. After download the plugin file from Worgpress.org, kindly extract it and find the original plugin file with the zip file name,<\/span>\u00a0timeline-blocks.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>\u00a0and the top of the page,\u00a0<\/span>Upload Plugin<\/span><\/strong>\u00a0button. Click on it and select a\u00a0<\/span>post-layouts.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>\u00a0and create a new page. Find\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>Timeline Blocks for Gutenberg<\/span><\/strong>\u00a0plugin correctly.<\/span><\/p>\n","protected":false},"featured_media":10528,"parent":9093,"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":"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":[214,267,213],"acf":[],"yoast_head":"\nInstallation of Timeline Blocks for Gutenberg - Techeshta<\/title>\n<meta name=\"description\" content=\"Here, we explain the complete installation of Timeline Blocks for Gutenberg WordPress plugin. Let's get started!\" \/>\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\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-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 Timeline Blocks for Gutenberg - Techeshta\" \/>\n<meta property=\"og:description\" content=\"Here, we explain the complete installation of Timeline Blocks for Gutenberg WordPress plugin. Let's get started!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-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-03-15T07:11:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/10\/timeline-blocks-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 Timeline Blocks for Gutenberg - Techeshta\" \/>\n<meta name=\"twitter:description\" content=\"Here, we explain the complete installation of Timeline Blocks for Gutenberg WordPress plugin. Let's get started!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/10\/timeline-blocks-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\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/\",\"url\":\"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/\",\"name\":\"Installation of Timeline Blocks for Gutenberg - Techeshta\",\"isPartOf\":{\"@id\":\"https:\/\/www.techeshta.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/10\/timeline-blocks-for-gutenberg.png\",\"datePublished\":\"2021-01-01T09:16:25+00:00\",\"dateModified\":\"2021-03-15T07:11:58+00:00\",\"description\":\"Here, we explain the complete installation of Timeline Blocks for Gutenberg WordPress plugin. Let's get started!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/#primaryimage\",\"url\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/10\/timeline-blocks-for-gutenberg.png\",\"contentUrl\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/10\/timeline-blocks-for-gutenberg.png\",\"width\":1200,\"height\":630,\"caption\":\"timeline-blocks-for-gutenberg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.techeshta.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Timeline Blocks for Gutenberg\",\"item\":\"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Getting Started\",\"item\":\"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Installation of Timeline Blocks 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 Timeline Blocks for Gutenberg - Techeshta","description":"Here, we explain the complete installation of Timeline Blocks for Gutenberg WordPress plugin. Let's get started!","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\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/","og_locale":"en_US","og_type":"article","og_title":"Installation of Timeline Blocks for Gutenberg - Techeshta","og_description":"Here, we explain the complete installation of Timeline Blocks for Gutenberg WordPress plugin. Let's get started!","og_url":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/","og_site_name":"Techeshta","article_publisher":"https:\/\/www.facebook.com\/techeshta\/","article_modified_time":"2021-03-15T07:11:58+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/10\/timeline-blocks-for-gutenberg.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Installation of Timeline Blocks for Gutenberg - Techeshta","twitter_description":"Here, we explain the complete installation of Timeline Blocks for Gutenberg WordPress plugin. Let's get started!","twitter_image":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/10\/timeline-blocks-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\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/","url":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/","name":"Installation of Timeline Blocks for Gutenberg - Techeshta","isPartOf":{"@id":"https:\/\/www.techeshta.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/#primaryimage"},"image":{"@id":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/10\/timeline-blocks-for-gutenberg.png","datePublished":"2021-01-01T09:16:25+00:00","dateModified":"2021-03-15T07:11:58+00:00","description":"Here, we explain the complete installation of Timeline Blocks for Gutenberg WordPress plugin. Let's get started!","breadcrumb":{"@id":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/#primaryimage","url":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/10\/timeline-blocks-for-gutenberg.png","contentUrl":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2018\/10\/timeline-blocks-for-gutenberg.png","width":1200,"height":630,"caption":"timeline-blocks-for-gutenberg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/installation-of-timeline-blocks-for-gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.techeshta.com\/"},{"@type":"ListItem","position":2,"name":"Timeline Blocks for Gutenberg","item":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/"},{"@type":"ListItem","position":3,"name":"Getting Started","item":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/"},{"@type":"ListItem","position":4,"name":"Installation of Timeline Blocks 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\/9096"}],"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=9096"}],"version-history":[{"count":0,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/9096\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/9093"}],"next":[{"title":"How to use Timeline Blocks for Gutenberg","link":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/how-to-use-timeline-blocks-for-gutenberg\/","href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/9097"}],"prev":[{"title":"Introduction of Timeline Blocks for Gutenberg","link":"https:\/\/www.techeshta.com\/docs\/timeline-blocks-for-gutenberg\/getting-started\/introduction-of-timeline-blocks-for-gutenberg\/","href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/9094"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/media\/10528"}],"wp:attachment":[{"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/media?parent=9096"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/doc_tag?post=9096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}