{"id":98608,"date":"2022-07-08T23:52:06","date_gmt":"2022-07-09T03:52:06","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=98608"},"modified":"2022-07-11T09:14:07","modified_gmt":"2022-07-11T13:14:07","slug":"columns-wordprss-fse","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/","title":{"rendered":"How to Use Columns 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\/columns-fse-1024x538.jpg\" alt=\"\" class=\"wp-image-98616\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-fse-1024x538.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-fse-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-fse-768x403.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-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 columns block allows you to use multiple columns through the site\/template editor or page\/post editor.  Using columns helps provide organization for your content so that you can more efficiently fit media and text on the screen in various layouts.  <\/p>\n\n\n\n<p>This article will help you understand how you can use the column block and provide a description of the options that you have when using the block.  <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#using\">Using the Column Block<\/a><\/li><li><a href=\"#options\">Options for the Column Block<\/a><\/li><\/ul>\n\n\n\n<p class=\"alert alert-info\">This tutorial uses WordPress version 6.0 and the Twenty Twenty-two theme.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"using\">Using the Column Block<\/h2>\n\n\n\n<p>In order to follow the steps in the tutorial below, you will need to be <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">logged into the WordPress Administrator Dashboard<\/a> as an administrator.<\/p>\n\n\n\n<p><strong>Adding Text to Multiple Columns<\/strong><\/p>\n\n\n\n<p>One of the most column uses of columns is to create multiple columns for text.  A column example of this is newspapers or other periodicals where the text is more efficiently organized into columns to allow for other content on a page.  This first example walks you through using the 50\/50 column block and two text blocks.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>Open an existing post, page, or template, or create a new one.<\/li><li>Select the location where you want to add the column block. Use the block inserter or click on the <strong>+ sign<\/strong> to add a block.<\/li><li>Search for the <strong>columns block<\/strong>, then select it. <br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"568\" class=\"wp-image-98625\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-options-1.jpg\" alt=\"Select Column option 50\/50\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-options-1.jpg 653w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-options-1-300x170.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>When you first select the column block you are able to select from some preset variations. There is a choice to skip the presets. This will give a default setting of two columns. This tutorial will demonstrate the use of two columns (50 \/50).<br><\/li><li>Click on the <strong>+ sign<\/strong> in order to select the block type you will use in that column.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"503\" class=\"wp-image-98620\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-select-plus.jpg\" alt=\"Select plus sign in Column\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-select-plus.jpg 746w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-select-plus-300x151.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>Columns are great for arranging text into multiple column layouts for a page, like a newspaper.  In this tutorial, select the paragraph block for both.  The paragraph underneath the column will also be moved into the first column.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"530\" class=\"wp-image-98622\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-text-placed-1.jpg\" alt=\"Text placed in column\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-text-placed-1.jpg 694w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-text-placed-1-300x159.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>Note that the added text is added to the column on the left and that the column size is adjusted to accommodate the pasted text.  The text did not automatically flow into the right column.  <br><br>When you add text, you will need to determine how much text will go in each column to give it a balanced look.  You can also decide to intentionally leave the second column with less text than the first.  The height and width of the column remain the same as the first.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"524\" class=\"wp-image-98623\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-text-added-2nd-column.jpg\" alt=\"Text added to 2nd column\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-text-added-2nd-column.jpg 706w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-text-added-2nd-column-300x157.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>When you\u2019re done placing your column content in columns, then click on <strong>Save Draft<\/strong>, <strong>Publish<\/strong>, or <strong>Update<\/strong> to save your work.<br><\/li><\/ol>\n\n\n\n<p><strong>Use Columns for Mixed Layouts<\/strong><\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>Columns can also be used to mix media and text.  In this tutorial, we will use the preset size of 70\/30 when choosing the column.  The first block is wider since it will contain graphics.  <\/li><li>Open an existing post, page, or template, or create a new one.<br>Select the location where you want to add the column block. Use the block inserter or click on the <strong>+ sign<\/strong> to add a block.<\/li><li>Search for the <strong>columns block<\/strong>, then select it.  Select the <strong>70\/30<\/strong> split.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"562\" class=\"wp-image-98624\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-variations-1.jpg\" alt=\"Preset Columns - select 70\/30\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-variations-1.jpg 650w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-variations-1-300x168.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>Once the block is placed, click on the <strong>+ sign<\/strong> to add the block you will use for the first column. Do the same for the second column.  This example will use an image in the first block and then text in the second.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"258\" class=\"wp-image-98626\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/place-70-30-block.jpg\" alt=\"Place 70\/30 block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/place-70-30-block.jpg 666w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/place-70-30-block-300x77.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>Here you can see the block types selected before the media and text is placed.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"525\" class=\"wp-image-98627\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/media-text-layout.jpg\" alt=\"Media + text layout\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/media-text-layout.jpg 670w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/media-text-layout-300x158.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li><li>Add the image to the left column, then add text to the right column.<br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"690\" class=\"wp-image-98628\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/flower-text-added.jpg\" alt=\"Flower graphic and text added\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/flower-text-added.jpg 677w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/flower-text-added-300x207.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li><li>When you\u2019re done placing your column content in columns, then click on <strong>Save Draft<\/strong>, <strong>Publish<\/strong>, or <strong>Update<\/strong> to save your work.<\/li><\/ol>\n\n\n\n<p>There are many ways to use the column to help you layout either your front page, templates, or post\/page content.  The column will automatically size itself depending on what you are adding.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Options for the Column Block<\/h2>\n\n\n\n<p>There are several settings in the toolbar and options in the block properties located in the right column of the editor. Click on the column to bring up the column toolbar.  If you have trouble selecting the column, then click on list view in the toolbar at the top left of the editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/select-column-toolbar.jpg\" alt=\"Select the column toolbar\" class=\"wp-image-98629\" width=\"841\" height=\"330\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/select-column-toolbar.jpg 673w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/select-column-toolbar-300x118.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>When you add a column block you are creating a parent column, and then columns that hold the content.  These are the child columns that have different toolbars.  The screenshot above shows a parent column toolbar.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"95\" class=\"wp-image-98631\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-position.jpg\" alt=\"tool bar position options\"><\/td><td>This option allows you to position the column with drag and drop, or by using the up and down arrows.<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"95\" class=\"wp-image-98633\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-alignment.jpg\" alt=\"Alignment option on Toolbar\"><\/td><td>Although this option is labeled as \u201calignment\u201d, it allows you to change the width to none, wide width, or full width<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"95\" class=\"wp-image-98634\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-vertical-alignment.jpg\" alt=\"Change vertical alignment\"><\/td><td>Change vertical alignment to top, middle, or bottom<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>The child column toolbar will look like this and have only two options:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"106\" class=\"wp-image-98636\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/child-column-toolbar-position.jpg\" alt=\"Child column tool bar - position options\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/child-column-toolbar-position.jpg 308w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/child-column-toolbar-position-300x65.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/td><td>Change the position of the column with drag and drop or use the arrows to move left or right<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"106\" class=\"wp-image-98637\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/child-column-toolbar-vertical-alignment.jpg\" alt=\"Child column toolbar - change vertical alignment\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/child-column-toolbar-vertical-alignment.jpg 308w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/child-column-toolbar-vertical-alignment-300x65.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/td><td>Change vertical alignment to top, middle, or bottom.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>The Column block properties in the right column include:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"724\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-properties.jpg\" alt=\"Column properties - settings for the column block in the right column of the editor\" class=\"wp-image-98639\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-properties.jpg 279w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/column-properties-116x300.jpg 116w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\"><li><strong>Columns<\/strong> \u2013 allows you to increase the number of columns using a slider or typing in a number.<br><br><strong>Stack on mobile option<\/strong> \u2013 slider enables you to stack the column when you\u2019re viewing on a mobile device<br><\/li><li><strong>Color<\/strong> \u2013 allows you to set the text or background color.<br><\/li><li><strong>Dimensions<\/strong> \u2013 allows you to set the padding separating the content from the edges of the column<br><\/li><li><strong>Border<\/strong> \u2013 allows a border to be placed around the content of the column.  You can also change the style, color, and radius of the border.<br><br>The Radius can be adjusted with a slider or directly with a value.  Increasing the value manually.  This option changes the shape of the border so that it becomes round.<\/li><\/ul>\n<\/div>\n<\/div>\n\n\n\n<p>Click on the link to our other <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/\">WordPress Full Site Editing tutorials<\/a>. <\/p>\n\n\n<p>Looking for more guides? We have over 400 <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/wordpress-how-to-articles?mktgp=t&amp;utm_source=id$$post_id$$&amp;utm_medium=link&amp;utm_campaign=supportcenter&amp;utm_term=wp-how-to\">WordPress How To Articles<\/a> to help you!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The columns block allows you to use multiple columns through the site\/template editor or page\/post editor. Using columns helps provide organization for your content so that you can more efficiently fit media and text on the screen in various layouts. This article will help you understand how you can use the column block and provide<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-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-98608","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>How to Use Columns 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\/columns-wordprss-fse\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Columns in WordPress FSE | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"The columns block allows you to use multiple columns through the site\/template editor or page\/post editor. Using columns helps provide organization for your content so that you can more efficiently fit media and text on the screen in various layouts. This article will help you understand how you can use the column block and provide Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-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-09T03:52:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-11T13:14:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-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=\"5 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\/columns-wordprss-fse\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"How to Use Columns in WordPress FSE\",\"datePublished\":\"2022-07-09T03:52:06+00:00\",\"dateModified\":\"2022-07-11T13:14:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/\"},\"wordCount\":987,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-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\/columns-wordprss-fse\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/\",\"name\":\"How to Use Columns 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\/columns-wordprss-fse\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-fse-1024x538.jpg\",\"datePublished\":\"2022-07-09T03:52:06+00:00\",\"dateModified\":\"2022-07-11T13:14:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-fse.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-fse.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Use Columns in WordPress FSE - header image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use Columns 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":"How to Use Columns 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\/columns-wordprss-fse\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Columns in WordPress FSE | InMotion Hosting","og_description":"The columns block allows you to use multiple columns through the site\/template editor or page\/post editor. Using columns helps provide organization for your content so that you can more efficiently fit media and text on the screen in various layouts. This article will help you understand how you can use the column block and provide Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2022-07-09T03:52:06+00:00","article_modified_time":"2022-07-11T13:14:07+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"How to Use Columns in WordPress FSE","datePublished":"2022-07-09T03:52:06+00:00","dateModified":"2022-07-11T13:14:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/"},"wordCount":987,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-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\/columns-wordprss-fse\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/","name":"How to Use Columns 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\/columns-wordprss-fse\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-fse-1024x538.jpg","datePublished":"2022-07-09T03:52:06+00:00","dateModified":"2022-07-11T13:14:07+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-fse.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/columns-fse.jpg","width":1200,"height":630,"caption":"Use Columns in WordPress FSE - header image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/columns-wordprss-fse\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Use Columns 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\/98608","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=98608"}],"version-history":[{"count":9,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/98608\/revisions"}],"predecessor-version":[{"id":98640,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/98608\/revisions\/98640"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=98608"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=98608"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=98608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}