{"id":98605,"date":"2022-07-08T22:59:06","date_gmt":"2022-07-09T02:59:06","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=98605"},"modified":"2023-10-20T09:19:56","modified_gmt":"2023-10-20T13:19:56","slug":"row-stack-blocks-fse","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/","title":{"rendered":"Using the Row and Stack Blocks in WordPress FSE"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse-1024x538.jpg\" alt=\"Row and Stack Blocks in  WordPress Full Site Editing (FSE) - header image\" class=\"wp-image-98641\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse-1024x538.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse-768x403.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse.jpg 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>The row and stack blocks are important design elements that can be interchangeably used for both the site and template editor and page or post editor in the WordPress Full Site Editing system.  <\/p>\n\n\n\n<p>Rows allow you to group blocks horizontally.  This is similar to using the columns block but without the automatic size adjustment to the column.  You may use this for a variety of reasons in either your templates or content posts\/pages.<\/p>\n\n\n\n<p>Stacks allow you to group blocks vertically.  Stacks and rows allow you to group and organize various types of content so that you can present it to your viewer.<\/p>\n\n\n\n<p>This tutorial will walk you through how to use each option in the editor and describe the options provided with the block.<\/p>\n\n\n\n<p class=\"alert alert-info\">Note that we are using <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-hosting\">WordPress<\/a> version 6.0 and the Twenty Twenty-two theme for this tutorial.  <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#using\">Using the Row or Stack Block<\/a><\/li>\n\n\n\n<li><a href=\"#options\">Options and Settings for the Row or Stack Block<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"using\">Using the Row or Stack Block<\/h2>\n\n\n\n<p>Using a row or stack is very simple.  You just add the design block before your group of blocks that you\u2019re going to set up as a row or stack.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Log in to the WordPress Administrator Dashboard<\/a>.<\/li>\n\n\n\n<li>Create a new post, page, template, or template part; or edit an existing one.<\/li>\n\n\n\n<li>To add a row block, click on the <strong>+ sign<\/strong> to add a block or toggle the <strong>block inserter<\/strong> (blue button in the top left corner).<\/li>\n\n\n\n<li>Type \u201c<strong>row<\/strong>\u201d in the search field, or scroll to the <em>Design<\/em> section and select <strong>row<\/strong>.<\/li>\n\n\n\n<li>The row block will be added.  To add blocks in your row, click on the <strong>+ sign <\/strong>in the first block, then select the block type you want to add.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"519\" class=\"wp-image-98643\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-new-row.jpg\" alt=\"Add new row\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-new-row.jpg 1399w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-new-row-300x156.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-new-row-1024x531.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-new-row-768x399.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>Continue adding blocks by clicking on the plus sign in the row.  You can see the <strong>+ sign<\/strong> in the screenshot below. You can also click on the 3-vertical dots in the list view after the first block, and select <strong>Insert after<\/strong> to add a block in that row.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"519\" class=\"wp-image-98644\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-additional-block.jpg\" alt=\"Add another block to row\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-additional-block.jpg 1399w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-additional-block-300x156.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-additional-block-1024x531.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-additional-block-768x399.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li>\n\n\n\n<li>Click on the save options in the top right corner of your editor.  The site editor will ask you to confirm what you\u2019re saving.  Simply click on the blue Save button again to confirm.  The post editor will give you the option of <strong>Save Draft<\/strong>, <strong>Publish<\/strong>, or <strong>Update<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>To see an example of a row (or stack) and how the blocks look after they\u2019re added, it\u2019s best to use the <strong>List View<\/strong> option in the top left corner of the editor.  That way you can see the blocks and how they are organized.  Here\u2019s an example:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-example-1024x638.jpg\" alt=\"Example of using row with list view visible at left\" class=\"wp-image-98646\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-example-1024x638.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-example-300x187.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-example-768x479.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-example.jpg 1336w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>In the screenshot above you can see the row block and then a set of images after it.  You can see the effect of using the row with the images.  This is one way you can use the row block.<\/p>\n\n\n\n<p><strong>Adding a Stack<\/strong><\/p>\n\n\n\n<p>The steps for adding a stack are the same as above but the main difference is that you\u2019re adding a stack instead of a row.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>When you add a stack, you\u2019ll see the empty stack block, like the screenshot below. Click on the <strong>+ sign<\/strong> to add a block.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"530\" class=\"wp-image-98670\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/empty-stack.jpg\" alt=\"Empty stack block - click on + sign\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/empty-stack.jpg 679w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/empty-stack-300x159.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>Open the <strong>list view<\/strong> option in the top left corner of the editor. <br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"588\" class=\"wp-image-98671\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/show-text-added.jpg\" alt=\"Show text added\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/show-text-added.jpg 1298w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/show-text-added-300x176.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/show-text-added-1024x602.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/show-text-added-768x451.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>In this example, I will add a paragraph, then paste some text into it. It will look like the screenshot above. Note that when you place stacks of text, it\u2019s sometimes difficult to tell the stack apart from other text blocks that may be a part of your post.<br><br>The list view option allows you to see the paragraph blocks and how they\u2019re grouped. Stack blocks are grouped under the stack.<br><br>You can also change the color of the font and the size of the font if you wish to make the blocks easier to organize when they\u2019re in a stack.<br><\/li>\n\n\n\n<li>To add a block to a stack, go into the list view and click on <strong>Stack<\/strong>.  <br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"584\" class=\"wp-image-98672\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-block-to-stack.jpg\" alt=\"add block options\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-block-to-stack.jpg 924w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-block-to-stack-300x175.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-block-to-stack-768x449.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>You will see the stack outlined in the editor and the <strong>+ sign in the bottom right-hand<\/strong> corner.  You can also select the 3-vertical dot menus in either the list view or the editor to add a block after the one you just added.<br><\/li>\n\n\n\n<li>Click on <strong>Update<\/strong>, <strong>Save Draft<\/strong>, or <strong>Publish<\/strong> in order to save your work when you\u2019re finished adding your content to the stacks.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Options and Settings for the Row or Stack Block<\/h2>\n\n\n\n<p>To see the row\/stack toolbar, click on the row or stack.  There are also block properties that can be seen in the column on the right side of the screen. Each option from the toolbar and properties column is described below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"785\" height=\"406\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-toolbar.jpg\" alt=\"Viewing the toolbar for the row\" class=\"wp-image-98647\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-toolbar.jpg 785w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-toolbar-300x155.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-toolbar-768x397.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p><strong>Toolbar Options<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"86\" class=\"wp-image-98649\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-toolbar-positioning.jpg\" alt=\"Row toolbar - positioning options\"><\/td><td>Position row with drag and drop or up and down arrows<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"86\" class=\"wp-image-98651\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-tool-bar-item-justification.jpg\" alt=\"Row toolbar - item justification\"><\/td><td>Justify items left, center, right, or have space between items<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"86\" class=\"wp-image-98652\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-toolbar-vertical-alignment.jpg\" alt=\"Row toolbar vertical alignment\"><\/td><td>Vertical alignment to top, middle, or bottom. Not available in stack block.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"86\" class=\"wp-image-98653\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-toolbar-alignment.jpg\" alt=\"Row toolbar - alignment options\"><\/td><td>Labeled as \u201calignment\u201d but sets width as none, wide (max 1000 px), or full width<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Block Properties<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"235\" class=\"wp-image-98660\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-group-stack.jpg\" alt=\"Row group stack\"><\/td><td>Allows to select Row, stack, or create a group of blocks.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"304\" class=\"wp-image-98661\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/layout-options.jpg\" alt=\"layout options\"><\/td><td> Justification \u2013 allows you to set th<strong>e <\/strong>justification and orientation of the items in the row or stack.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Block Orientation<\/strong> \u2013 A row and stack block is basically the same block and is determined simply by the orientation of the blocks.  There is an orientation option in the block properties that will change the row to a stack or vice versa depending on its position.<br><br><strong>Allow to wrap to multiple lines <\/strong>\u2013 Option enabled by the slider to allow for text wrapping in the row.  The text wrap crosses the different blocks in the row.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"300\" class=\"wp-image-98662\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/color-options.jpg\" alt=\"Color options\"><\/td><td><strong>Color <\/strong>\u2013 This option allows you to set the color for the text and\/or background in the row\/stack.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"256\" class=\"wp-image-98663\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/typography-options.jpg\" alt=\"Typography options\"><\/td><td><strong>Typography<\/strong> \u2013 This option allows you to set the size of the type used in the row<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"369\" class=\"wp-image-98664\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/dimensions-option.jpg\" alt=\"Options for Dimensions\"><\/td><td><strong>Dimensions<\/strong> \u2013 Set the padding above the row and set the spacing between the rows<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"513\" class=\"wp-image-98665\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/border-options.jpg\" alt=\"Border options\"><\/td><td><strong>Border<\/strong> \u2013 The border section allows you to set a border line around the row. You can set the color, width, and shape (using the radius option)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>The settings for the stack block are virtually the same as the row block.   The main difference is the vertical alignment option in the layout justification.<\/p>\n\n\n\n<p>Learn more about using the <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/\">WordPress Full Site Editing<\/a> system through the InMotion Hosting Support Center.<\/p>\n\n\n<p>\u201c<\/p>\n<div class=\"\" alert=\"\" alert-info\"\"=\"\" style=\"\" margin:=\"\" 40px=\"\" 0;\"\"=\"\">\n<p>For the most secure WordPress site, you need secure hosting. That\u2019s why InMotion Hosting created their own <a href=\"\" https:=\"\" www.inmotionhosting.com=\"\" wordpress-hosting?mktgp=\"t&amp;utm_source=id$$post_id$$&amp;utm_medium=link&amp;utm_campaign=supportcenter&amp;utm_term=secure-wordpress-hosting-1&quot;&quot;\">WordPress Hosting package<\/a> with rigorous server-side security \u2013 so you can spend less time hardening your hosting and more time creating your website.<\/p>\n<p><a class=\"\" btn=\"\" btn-primary=\"\" btn-lg\"\"=\"\" style=\"\" padding:=\"\" 12px;=\"\" font-weight:=\"\" bold;=\"\" font-size:=\"\" 1em;=\"\" display:=\"\" block;=\"\" margin-left:=\"\" auto;=\"\" margin-right:=\"\" max-width:=\"\" 310px;=\"\" outline:=\"\" 0;\"\"=\"\" href=\"\" https:=\"\" www.inmotionhosting.com=\"\" wordpress-hosting?mktgp=\"t&amp;utm_source=id$$post_id$$&amp;utm_medium=link&amp;utm_campaign=supportcenter&amp;utm_term=secure-wordpress-hosting-1&quot;&quot;\">View WordPress Hosting Plans<\/a><\/p>\n<\/div>\n<p>\u201c<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The row and stack blocks are important design elements that can be interchangeably used for both the site and template editor and page or post editor in the WordPress Full Site Editing system. Rows allow you to group blocks horizontally. This is similar to using the columns block but without the automatic size adjustment to<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4532],"tags":[],"class_list":["post-98605","post","type-post","status-publish","format-standard","hentry","category-full-site-editing"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using the Row and Stack Blocks in WordPress FSE | InMotion Hosting<\/title>\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.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using the Row and Stack Blocks in WordPress FSE | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"The row and stack blocks are important design elements that can be interchangeably used for both the site and template editor and page or post editor in the WordPress Full Site Editing system. Rows allow you to group blocks horizontally. This is similar to using the columns block but without the automatic size adjustment to Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-09T02:59:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-20T13:19:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse-1024x538.jpg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"Using the Row and Stack Blocks in WordPress FSE\",\"datePublished\":\"2022-07-09T02:59:06+00:00\",\"dateModified\":\"2023-10-20T13:19:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/\"},\"wordCount\":1105,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse-1024x538.jpg\",\"articleSection\":[\"Full Site Editing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/\",\"name\":\"Using the Row and Stack Blocks in WordPress FSE | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse-1024x538.jpg\",\"datePublished\":\"2022-07-09T02:59:06+00:00\",\"dateModified\":\"2023-10-20T13:19:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Row and Stack Blocks in WordPress Full Site Editing (FSE) - header image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using the Row and Stack Blocks in WordPress FSE\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using the Row and Stack Blocks in WordPress FSE | InMotion Hosting","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.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/","og_locale":"en_US","og_type":"article","og_title":"Using the Row and Stack Blocks in WordPress FSE | InMotion Hosting","og_description":"The row and stack blocks are important design elements that can be interchangeably used for both the site and template editor and page or post editor in the WordPress Full Site Editing system. Rows allow you to group blocks horizontally. This is similar to using the columns block but without the automatic size adjustment to Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2022-07-09T02:59:06+00:00","article_modified_time":"2023-10-20T13:19:56+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse-1024x538.jpg","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"Using the Row and Stack Blocks in WordPress FSE","datePublished":"2022-07-09T02:59:06+00:00","dateModified":"2023-10-20T13:19:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/"},"wordCount":1105,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse-1024x538.jpg","articleSection":["Full Site Editing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/","name":"Using the Row and Stack Blocks in WordPress FSE | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse-1024x538.jpg","datePublished":"2022-07-09T02:59:06+00:00","dateModified":"2023-10-20T13:19:56+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/row-stack-fse.jpg","width":1200,"height":630,"caption":"Row and Stack Blocks in WordPress Full Site Editing (FSE) - header image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/row-stack-blocks-fse\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Using the Row and Stack Blocks in WordPress FSE"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/98605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=98605"}],"version-history":[{"count":12,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/98605\/revisions"}],"predecessor-version":[{"id":107386,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/98605\/revisions\/107386"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=98605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=98605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=98605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}