{"id":15242,"date":"2025-04-14T12:46:47","date_gmt":"2025-04-14T06:46:47","guid":{"rendered":"https:\/\/helpdesk.spider-themes.net\/docs\/advance-accordions\/content-elements\/steps-layout\/"},"modified":"2025-04-14T12:46:47","modified_gmt":"2025-04-14T06:46:47","slug":"steps-layout","status":"publish","type":"docs","link":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/advance-accordions\/content-elements\/steps-layout\/","title":{"rendered":"Steps Layout"},"content":{"rendered":"\n<p><strong>Steps Layout<\/strong> is a design style that visually presents information in a sequence of steps. It\u2019s used to show a process, guide, or journey in an easy-to-follow format. Each step is usually numbered or labeled, and often includes icons or short descriptions to make the process clear.<\/p>\n\n\n\n<p>This layout helps users quickly understand how to complete a task, follow instructions, or see progress through stages. It\u2019s commonly used in tutorials, onboarding flows, timelines, and process explanations.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" autoplay controls loop muted src=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/sites\/99\/2025\/04\/Step-layout.mp4\"><\/video><\/figure>\n\n\n\n<p>Now, the question is: how do you add it?<br>In your editor, select a separate accordion block and navigate to the right sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/2025\/04\/image-4-1024x488.png\" alt=\"\" class=\"wp-image-15296\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Block Purpose<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Visual Process Representation<\/strong><br>Clearly shows steps or stages in a process, guide, or journey.<\/li>\n\n\n\n<li><strong>User Guidance<\/strong><br>Helps users understand and follow a sequence easily.<\/li>\n\n\n\n<li><strong>Organized Information Flow<\/strong><br>Breaks down complex tasks into simple, digestible parts.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Steps Layout is a visual design style that presents information in a sequenced format, often using numbers or labels and icons. This layout makes complex processes simple, helping users follow steps, track progress, and understand instructions easily in guides, onboarding, or tutorials.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":12120,"menu_order":18,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-15242","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/15242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/comments?post=15242"}],"version-history":[{"count":0,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/15242\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/12120"}],"wp:attachment":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/media?parent=15242"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=15242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}