Skip to content
Looking for a way to put blocks side by side in WordPress? Don’t worry, we’ve got you!
Many WordPress beginners struggle to put blocks side by side in their posts and pages. The good news is that the new WordPress Block Editor makes this very easy.
You can do this in your WordPress editor without having to install any other WordPress plugin. Nor will you have to write a single line code.
Want to know how? Let’s dive in.
How To Put Blocks Side By Side In WordPress
The WordPress block editor (Gutenberg) comes with various blocks that let you create content the way you want. You can use these blocks in your posts and pages by simply dragging them into the editor.
To put blocks side by side in WordPress, you’ll have to use the Column Block in Gutenberg. This block lets you create columns in your content with ease.
In your post editor, click on the + icon and search for ‘columns’ and then click on the ‘Columns’. Alternatively, you can type /columns to add the column block.
Once you insert the block, you’ll have to choose the column variation. There are various options available to help you put blocks side by side in many different styles.
For this tutorial, I’ll be choosing the 50/50 column.
After choosing your column variation, you’ll see that the columns are created and there are two + buttons allowing you to insert blocks.
Just click on the + icons and add your desired blocks.
For the sake of this tutorial, I’ll be adding text in first block and image in the second block.
If you want, you can even go a little further and make these blocks look attractive. The column block has options to let you customize the text color and background color of the column.
By making these customizations, you can not only just add blocks side by side but also make them look attractive.
Conclusion
As a beginner, you’ll probably face a lot of difficulties getting around WordPress and the Gutenberg editor.
But the good news is that you can do a lot of things in WordPress very easily. Just like the way we put blocks side by side in this tutorial.
I hope this tutorial helped you and if you have any more questions regarding this, feel free to ask them in the comments section below.
And if you’re new to WordPress or the Gutenberg editor, feel free to browse through more tutorials and guides on our blog.
Also Read: