How to Convert from Container to Column in WordPress Gutenberg

Are you looking to convert a container or any block type to columns in WordPress Gutenberg? With the Gutenberg editor, it’s easy to transform your content into a more visually appealing layout. In this article, we’ll guide you about how to convert from container or any block to column in WordPress Gutenberg.

PRO TIP⚠️

Prior to moving forward, make sure to create a backup of your page by duplicating it and saving it as a draft. This precaution will assist you in recovering the page in case of any mishaps.

Step 1: Access the Gutenberg Editor

To get started, log in to your WordPress dashboard and navigate to the page or post where you want to make the conversion. Click on the “Edit” button to access the Gutenberg editor.

Screenshot 1 - how to convert from container to column wordpress?

Step 2: Identify the Block to Convert

Take a look at your content and identify the block that you want to convert to columns. It could be a container block or any other type of block that you wish to transform.

Step 3: Select the Block

Click on the block you want to convert to select it. You will see the block highlighted with a blue border.

Highlighting the block!
WPNotch Banner
WPNotch Mobile Banner

Step 4: Open the Block Settings

Next, locate the block settings. In the Gutenberg editor, the block settings are usually found in the toolbar. Look for the first icon in the toolbar, which typically opens a dropdown menu containing various options.

At times, you may need to click multiple times. Each click will navigate you to the parent block. Continue clicking until the dropdown menu opens.

Showing how to find the block settings.

Step 5: Convert to Columns

Within the block settings dropdown, you should find a “Transform To” option. Under that, a submenu will appear with different transformation options. Look for the “Columns” option and click on it to convert the block to columns.

Screenshot of the block settings dropdown menu.

Step 6: Adjust Column Settings

Once you’ve converted the block to columns, you will see the column settings on the right side of the editor. Here, you can adjust the number of columns, column widths, and other settings to customize the layout according to your preferences.

Screenshot 5 - how to convert from container to column wordpress?

Step 7: Save and Publish

After you’ve made the necessary adjustments to the column settings, don’t forget to save your changes. Click on the “Save” or “Publish” button to make your converted block with columns live on your website.

WPNotch Banner
WPNotch Mobile Banner

Conclusion

This is how you can easily convert from a container to column in WordPress Gutenberg. It is a simple yet powerful way to improve the visual appeal of your content. By following the steps outlined in this guide, you can easily transform your blocks into a more dynamic and engaging layout. Don’t be afraid to experiment with different column settings to find the perfect arrangement for your content.

Loved the simplicity of this blog post? Do share it on your social media handles so others can benefit too.

Discover more from WP Notch

Level up your skills. Get expert tips delivered straight to you. Subscribe!

Continue Reading