{"id":28201,"date":"2023-08-18T21:44:58","date_gmt":"2023-08-19T02:44:58","guid":{"rendered":"https:\/\/wpstackable.com\/?p=28201"},"modified":"2023-08-18T21:46:12","modified_gmt":"2023-08-19T02:46:12","slug":"introducing-new-timeline-block","status":"publish","type":"post","link":"https:\/\/wpstackable.com\/blog\/introducing-new-timeline-block\/","title":{"rendered":"Introducing: New Timeline Block"},"content":{"rendered":"\n<p data-block-type=\"core\">We&#8217;re thrilled to announce Stackable&#8217;s newest addition to its lineup of custom WordPress blocks: the Timeline block. This new update v3.11.0 also comes with some performance updates that should bring memory and loading improvements!<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">The Timeline Block<\/h2>\n\n\n\n<p data-block-type=\"core\">Timelines are a great visual tool to convey sequences, histories, and progressions. Whether you&#8217;re detailing the history of your company, highlighting project milestones, showcasing a sequence of events or even steps to a process, timelines make it easy for readers to follow along.<\/p>\n\n\n\n<p data-block-type=\"core\">Stackable\u2019s Timeline block is the perfect tool if you want to make timelines, roadmaps, or a step-by-step guide on your website. Its versatility makes it easy for you to create any type of timeline layout that you might need for your content.<\/p>\n\n\n\n<p data-block-type=\"core\">The anatomy of the Timeline block is simple \u2013 the Timeline is the parent block and it has an inner column that by default includes the Text block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"197\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Shot-2023-08-17-at-12.39.43-PM-1024x197.png\" alt=\"\" class=\"wp-image-28219\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Shot-2023-08-17-at-12.39.43-PM-1024x197.png 1024w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Shot-2023-08-17-at-12.39.43-PM-300x58.png 300w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Shot-2023-08-17-at-12.39.43-PM-768x147.png 768w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Shot-2023-08-17-at-12.39.43-PM-1536x295.png 1536w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Shot-2023-08-17-at-12.39.43-PM.png 1854w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p data-block-type=\"core\">You can add any block inside the Inner Column; whether it is a Heading block, an Image, or the Icon Box block, you name it!<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Recording-2023-08-17-at-1.01.16-PM.mov\" playsinline><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\">You can even build a post timeline showcasing your latest posts using Stackable\u2019s dynamic content feature.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Recording-2023-08-17-at-1.18.17-PM.mov\" playsinline><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\">The date that is added to the block is just a placeholder; you can type in any text you want here. It could be any date you want, it could be step numbers, or you could also just leave them blank.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\" data-block-type=\"core\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\" data-block-type=\"core\">\n<figure class=\"wp-block-image size-large\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"579\" height=\"1024\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Shot-2023-08-17-at-1.35.16-PM-579x1024.png\" alt=\"\" class=\"wp-image-28221\" style=\"object-fit:cover\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Shot-2023-08-17-at-1.35.16-PM-579x1024.png 579w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Shot-2023-08-17-at-1.35.16-PM-170x300.png 170w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Shot-2023-08-17-at-1.35.16-PM.png 768w\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\" data-block-type=\"core\">\n<figure class=\"wp-block-image size-large\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"497\" height=\"1024\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/screencapture-gambitsandbox-instawp-xyz-timeline-block-testing-2023-08-17-50-2023-08-17-16_06_00-497x1024.png\" alt=\"\" class=\"wp-image-28223\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/screencapture-gambitsandbox-instawp-xyz-timeline-block-testing-2023-08-17-50-2023-08-17-16_06_00-497x1024.png 497w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/screencapture-gambitsandbox-instawp-xyz-timeline-block-testing-2023-08-17-50-2023-08-17-16_06_00-146x300.png 146w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/screencapture-gambitsandbox-instawp-xyz-timeline-block-testing-2023-08-17-50-2023-08-17-16_06_00-768x1582.png 768w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/screencapture-gambitsandbox-instawp-xyz-timeline-block-testing-2023-08-17-50-2023-08-17-16_06_00-746x1536.png 746w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/screencapture-gambitsandbox-instawp-xyz-timeline-block-testing-2023-08-17-50-2023-08-17-16_06_00-994x2048.png 994w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/screencapture-gambitsandbox-instawp-xyz-timeline-block-testing-2023-08-17-50-2023-08-17-16_06_00.png 1461w\" sizes=\"auto, (max-width: 497px) 100vw, 497px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p data-block-type=\"core\">How the Timeline blocks work is that you will have to add multiple \u201cTimeline blocks\u201d to create an actual timeline. When grouped together, their vertical lines automatically connect together like in the video below:<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Recording-2023-08-17-at-5.39.20-PM.mov\" playsinline><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\">Additionally, the Timeline block\u2019s line that connects the points has an accent color that highlights downwards as the user scrolls the page.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Recording-2023-08-17-at-6.09.18-PM.mov\" playsinline><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\">Finally, Stackable\u2019s Timeline block is also responsive. The Timeline block adapts to the screen you\u2019re viewing it from, whether it\u2019s from a tablet or a mobile device.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Recording-2023-08-17-at-6.16.49-PM.mov\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" data-block-type=\"core\">The Timeline Block\u2019s Design Options<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"923\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline-Setting-1.png\" alt=\"\" class=\"wp-image-28227\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline-Setting-1.png 279w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline-Setting-1-91x300.png 91w\" sizes=\"auto, (max-width: 279px) 100vw, 279px\" \/><\/figure><\/div>\n\n\n<p data-block-type=\"core\">The main design controls will be found when you select the entire Timeline block. In the Inspector, go to <strong>Style &gt; Timeline<\/strong>. In this panel, you can find the following controls:<\/p>\n\n\n\n<ul class=\"wp-block-list\" data-block-type=\"core\">\n<li data-block-type=\"core\"><strong>Accent Anchor Position<\/strong> &#8211; This determines the starting point from which the timeline&#8217;s accent begins to fill<\/li>\n\n\n\n<li data-block-type=\"core\"><strong>Dot Size<\/strong> &#8211; Adjusts the dimensions of the dot that marks each individual point or event on the timeline<\/li>\n\n\n\n<li data-block-type=\"core\"><strong>Dot Border Radius<\/strong> &#8211; This rounds the dot&#8217;s edges. A larger radius will result in more rounded dots, while a smaller radius will produce sharper, more defined corners (e.g. if the value is set at 0, the dot will appear as a square)<\/li>\n\n\n\n<li data-block-type=\"core\"><strong>Line Thickness<\/strong> &#8211; adjusts the width of the timeline itself<\/li>\n\n\n\n<li data-block-type=\"core\"><strong>Horizontal Offset<\/strong> &#8211; This option lets you shift the timeline content closer or farther from the center<\/li>\n\n\n\n<li data-block-type=\"core\"><strong>Timeline Accent Color<\/strong> &#8211; Determines the color of the accentuated parts of the timeline. You can also opt to use a gradient.<\/li>\n\n\n\n<li data-block-type=\"core\"><strong>Timeline Background Color<\/strong> &#8211; Sets the base color of the timeline<\/li>\n<\/ul>\n\n\n\n<p data-block-type=\"core\">The Style Tab also includes Typography settings, Background settings, and Borders &amp; Shadows options.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\" data-block-type=\"core\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\">\n<figure class=\"wp-block-image size-full\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"747\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Typography-1.png\" alt=\"\" class=\"wp-image-28228\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Typography-1.png 279w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Typography-1-112x300.png 112w\" sizes=\"auto, (max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\">\n<figure class=\"wp-block-image size-full\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"633\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Background-1.png\" alt=\"\" class=\"wp-image-28229\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Background-1.png 279w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Background-1-132x300.png 132w\" sizes=\"auto, (max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" data-block-type=\"core\">\n<figure class=\"wp-block-image size-full\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"593\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Borders-Shadows-1.png\" alt=\"\" class=\"wp-image-28230\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Borders-Shadows-1.png 279w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Borders-Shadows-1-141x300.png 141w\" sizes=\"auto, (max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p data-block-type=\"core\">To tweak the block\u2019s layout, you can navigate to the <strong>Layout tab &gt; Layout panel<\/strong>. Here, you&#8217;ll find two Timeline block-specific options:<\/p>\n\n\n\n<ul class=\"wp-block-list\" data-block-type=\"core\">\n<li data-block-type=\"core\"><strong>Content Position<\/strong> &#8211; allows you to choose if the content appears on the left or right side of the timeline<\/li>\n\n\n\n<li data-block-type=\"core\"><strong>Timeline Gap<\/strong> &#8211; which you can use to modify the spacing between the content and the timeline itself.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"608\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Layout-1.png\" alt=\"\" class=\"wp-image-28231\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Layout-1.png 279w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Layout-1-138x300.png 138w\" sizes=\"auto, (max-width: 279px) 100vw, 279px\" \/><\/figure><\/div>\n\n\n<p data-block-type=\"core\">The Layout tab also has the usual block size and spacing controls such as the maximum content width, paddings, and margins.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\" data-block-type=\"core\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"614\" src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Size-and-Spacing-1.png\" alt=\"\" class=\"wp-image-28232\" srcset=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Size-and-Spacing-1.png 279w, https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Timeline_Size-and-Spacing-1-136x300.png 136w\" sizes=\"auto, (max-width: 279px) 100vw, 279px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading has-large-font-size\" data-block-type=\"core\">How to Create a Timeline with Stackable<\/h2>\n\n\n\n<p data-block-type=\"core\">Creating an eye-catching, informative timeline on your website is now just a few steps away with the Stackable Timeline Block. Here&#8217;s how you can craft your unique timeline:<\/p>\n\n\n\n<p data-block-type=\"core\"><strong>1. Add the Timeline block<\/strong><\/p>\n\n\n\n<p data-block-type=\"core\">To create your timeline, start by adding your first Timeline block. You can find the Timeline block in the <strong>Inserter<\/strong>, the plus (+) button on the toolbar of the WordPress block editor.<\/p>\n\n\n\n<p data-block-type=\"core\">One Timeline block represents a \u201cpoint\u201d\u2014this could be an event, a step, or even a post from your WordPress blog. For this tutorial, we\u2019ll create a simple timeline showcasing a sample company\u2019s milestones.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Recording-2023-08-17-at-7.32.56-PM.mov\" playsinline><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\"><strong>2. Customizing the Timeline block<\/strong><\/p>\n\n\n\n<p data-block-type=\"core\">Tailor the Timeline Block to resonate with your brand or the theme of your website. Adjust colors, fonts, spacings, and more to make it uniquely yours.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Recording-2023-08-17-at-7.39.44-PM.mov\" playsinline><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\"><strong>3. Add Your Content<\/strong><\/p>\n\n\n\n<p data-block-type=\"core\">You can use any block to populate the Timeline block. In the video below, we\u2019re simply using the Text block and changing the placeholder date to a year.<\/p>\n\n\n\n<p data-block-type=\"core\">We also turned on the background settings for the inner column of the Timeline block and added an image, with a gray overlay to lessen its opacity; keeping the text readable.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Recording-2023-08-17-at-7.43.38-PM.mov\" playsinline><\/video><\/figure>\n\n\n\n<p data-block-type=\"core\"><strong>4. Repeat<\/strong><\/p>\n\n\n\n<p data-block-type=\"core\">To build a whole timeline, you will have to add the Timeline block again. However, note that simply adding a new Timeline Block won&#8217;t inherit the styles from your initially designed block. To maintain consistency, you might want to copy and paste the styles from your first block or just duplicate the first block you designed.<\/p>\n\n\n\n<p data-block-type=\"core\">In our example below, we just duplicated the initial Timeline block and changed the content for the following ones.<\/p>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video autoplay loop muted src=\"https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Screen-Recording-2023-08-17-at-7.45.53-PM.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\" data-block-type=\"core\">Other Updates<\/h2>\n\n\n\n<p data-block-type=\"core\">Other than the Timeline block, this release also includes a lot of performance improvements in the backend and frontend of your website. Expect Stackable to use less server memory across the board.<\/p>\n\n\n\n<p data-block-type=\"core\">Here are some other bug fixes and improvements that comes with Stackable v3.11.0:<\/p>\n\n\n\n<ul class=\"wp-block-list\" data-block-type=\"core\">\n<li data-block-type=\"core\">New: Various performance optimizations, lesser memory usage and better script loading<\/li>\n\n\n\n<li data-block-type=\"core\">New: Page now scrolls to the opened Accordion if it&#8217;s not in the viewport<\/li>\n\n\n\n<li data-block-type=\"core\">New: Added a tip when incorrectly using a Google Map in a lightbox<\/li>\n\n\n\n<li data-block-type=\"core\">New: Added some new getting started videos<\/li>\n\n\n\n<li data-block-type=\"core\">Change: Removed settings wizard<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Normal or centered block widths are not visible in the editor in WP 6.3<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Blocks were not being loaded in the Customizer for classic themes<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Blocks can encounter an error when dragging inside or from a pattern or template<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Global colors and typography not showing in the editor if Content Editing Mode is enabled<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Custom Fields admin menu UI<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Picking an icon from the icon picker inside the editor area doesn&#8217;t work<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Block link now correctly occupies the entire container block if it has a background<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Removed ReactDom.render console error messages<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Native spacing tabs appear in WP &lt; 6.3<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Design Library block cannot be selected<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Columns content max width unit resets after saving<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Icon gap responsive settings resets after saving<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Carousel now uses passive listeners to improve scrolling performance<\/li>\n\n\n\n<li data-block-type=\"core\">Fixed: Sometimes inactive tabs can still get mouse focus<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" data-block-type=\"core\">Conclusion<\/h2>\n\n\n\n<p data-block-type=\"core\">In this article, we&#8217;ve delved deep into the features of Stackable\u2019s all-new Timeline Block, as well as the performance updates that will give you a better user experience. We invite you to experience these new features and improvements firsthand. Update your Stackable to the latest version today and elevate your website&#8217;s content to new heights!<\/p>\n\n\n\n<p data-block-type=\"core\">Let us know what you think of this release in the comments down below \ud83e\udd73<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re thrilled to announce Stackable&#8217;s newest addition to its lineup of custom WordPress blocks: the Timeline block. This new update v3.11.0 also comes with some performance updates that should bring memory and loading improvements!<\/p>\n","protected":false},"author":18,"featured_media":28216,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[3],"tags":[43,45],"class_list":{"0":"post-28201","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"hentry","7":"category-updates","8":"tag-wordpress","9":"tag-wordpress-block"},"featured_image_urls_v2":{"full":["https:\/\/wpstackable.com\/wp-content\/uploads\/2023\/08\/Introducing_-New-Timeline-Block.jpg",2400,1248,false]},"post_excerpt_stackable_v2":"<p>We&#8217;re thrilled to announce Stackable&#8217;s newest addition to its lineup of custom WordPress blocks: the Timeline block. This new update v3.11.0 also comes with some performance updates that should bring memory and loading improvements! The Timeline Block Timelines are a great visual tool to convey sequences, histories, and progressions. Whether you&#8217;re detailing the history of your company, highlighting project milestones, showcasing a sequence of events or even steps to a process, timelines make it easy for readers to follow along. Stackable\u2019s Timeline block is the perfect tool if you want to make timelines, roadmaps, or a step-by-step guide on your&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/wpstackable.com\/blog\/category\/updates\/\" rel=\"category tag\">Updates<\/a>","author_info_v2":{"name":"Alexandra Yap","url":"https:\/\/wpstackable.com\/blog\/author\/alex\/"},"comments_num_v2":"0 comments","acf":[],"modified_by":"Benjamin Intal","_links":{"self":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/28201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/comments?post=28201"}],"version-history":[{"count":8,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/28201\/revisions"}],"predecessor-version":[{"id":28307,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/posts\/28201\/revisions\/28307"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media\/28216"}],"wp:attachment":[{"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/media?parent=28201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/categories?post=28201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpstackable.com\/wp-json\/wp\/v2\/tags?post=28201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}