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.

The AI assistant can help you design and populate column layouts. Here are some things you can ask it to do:

• “Add a three-column section to my homepage with an icon, heading, and description in each column.”
• “Create a two-column layout with an image on the left and text on the right.”
• “Write content for a three-column features section highlighting speed, security, and support.”
• “Suggest a column layout for a team members section.”

AI agents can add and update column layouts on your pages directly. Here are some things you can ask an agent to do:

• “Add a three-column features section to my homepage with placeholder text.”
• “Create a two-column layout on my About page with a photo on the left and bio text on the right.”
• “Add a four-column pricing comparison section to my Services page.”
• “Replace the single-column text on my homepage with a two-column layout.”