Create a columns layout

You can organize content into side-by-side columns for a visually appealing and user-friendly page layout. This guide will show you how to create columns on your website.

To add columns to a page, post, or template, take the following steps:

1. Click the + (block inserter) button.
2. Search for “columns” and click it to add a new Columns block to your content.
3. Select one of the layouts, such as three columns of equal size (33/33/33) or two uneven columns (66/33). Later, you can adjust the number of columns and the width of each column.
4. Click the + icon in your first column to start adding content like text and images.

After inserting a Columns block, you can add content to the column by clicking the + (block inserter) icon that appears when you click on that column:

You can add any type of content to columns. The most common blocks you may wish to add include:

• Heading block
• Image block
• Paragraph block (for regular text)
• Cover block (to set a background image for the entire column)
• Buttons block

If you have inserted multiple blocks one after another and you want to turn them into columns, you can follow the steps below:

1. Click and drag your mouse to select all the blocks you want to turn into columns.
2. A toolbar will appear above or below the blocks. Click the first option on the left side of the block toolbar.
3. Under the list “Transform to,” select the “Columns” option:

You can transform between one and six blocks into columns. Each block you select will turn into its own column. The number of columns will be the same as the number of blocks you selected before transforming. After creating the columns, you can move blocks from column to another using List View.

Using block patterns, you can quickly add professionally-designed column layouts to your WordPress site! Follow these steps to search for and insert a predesigned column layout into a page, post, or template:

1. Click the + (block inserter) button in the upper-left corner or anywhere it appears within the editor.
2. Select the “Patterns” tab.
3. Scroll through or search for column layouts by typing “columns” in the search bar.
4. Choose a column layout you like and click it once to insert it into the page.
5. Customize the content within the columns by changing the text and images and adding any other blocks.
6. Adjust the settings as needed, like column width or background color.
7. Preview your changes, then click the “Publish” or “Save” button.