Want to add multiple columns in WordPress?
The practice of organizing content into columns dates back to the early days of printing. This format can be a versatile way to organize your text, images, etc. However, adding multiple columns in WordPress and getting their placement right can be a bit tricky.
Fortunately, it doesn't have to be that way. Now you can use the Block Editor to easily add multiple columns to your WordPress posts and pages in just a few steps.
You can also achieve this layout using the classic editor or a page builder plugin.
In this tutorial, we will see how to add multiple columns in WordPress.
But before, if you have never installed WordPress discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog
Then back to why we are here.
Why use a multi-column layout
From choosing the right WordPress theme to adding custom fonts, the personalization of the design of your website is essential the centerpiece of the imposition of your brand. Your articles and layouts are also part of this puzzle. Experimenting with different layout options can be a great way to add structural variety to your content.
Since there is no single format that is best for readability, you can get creative and find a look that works for you. You can change the layout of each of your pages to suit different types of content and create a WordPress site consisting of pages with different layouts.
Columns are a particularly versatile format. If you're looking to use your space economically, they're an easy way to segment your text.
You can also use columns to couple different widgets in a consistent way, as shown in the Buddy Boss theme :
Or, you might just be interested in using a flexible format that can be removed or reshaped to suit your needs. Whatever your reasoning, columns can add variety and organization to your website.
How to Add Multiple Columns in WordPress
In the early days of WordPress, users needed to have a working knowledge of HTML and be able to confidently edit their code to add columns to their posts. At the time, writing and editing content was not the friendliest experience.
Luckily, there are now two easy ways to add columns in WordPress – no HTML required.
The Block Editor comes with an intuitive built-in column feature, and those who prefer the classic editor will be happy to hear that you can always skip manual column coding using a WordPress Plugin.
Now let's see the two methods.
First method: use the native functionality of the block editor
We will start by adding several columns using the block editor (Gutenberg). The new default WordPress content creation interface offers a host of useful features, all focused on easy-to-move content blocks.
One such feature is the aptly named Columns block, which helps you create as many columns as you want.
To start, enter "columns" in the search box of the block editor which you can open by clicking on the button +. Alternatively, you can just click on the screen and start typing "columns" to display the same option.
This will call up a window where you can choose a column layout:
Starting with two default columns and adjusting the settings later is also an option.
Once you've specified how many sections you want and how you want to divide them, you can drag and drop the block wherever you want.
Then you can nest other blocks inside the Columns block. They can all be blocks of text. Try enhancing a column of text by placing it next to an image or calendar column to make it stand out:
Don't be afraid to take advantage of the editor's flexibility by mixing and matching elements.
After that, you can go back to the Columns block settings and change the width ratio to suit your needs. Each individual column can be adjusted depending on the type of look you were going for.
Thanks to the block editor's visual interface, your work on the backend will translate pretty directly to the frontend. For reference, here's what our example looks like after publishing it:
Once you understand the basics, there is more to explore with columns.
If you are looking for more features with the block editor, you may consider downloading a WordPress Plugin which boosts block functionality and experimenting with new combinations of content.
Method Two: Use Classic Editor and Elementor Page Builder
You can also add multiple columns to your posts and pages without code. All you will need is a plugin. There are plenty of options that can do this job, so the first thing you'll need to do is choose one.
As I am a big fan of the plugin Page Builder Elementor, I'm going to use this one to create a multi-column layout:
Ce page builder is a solid free option that uses an intuitive drag-and-drop interface and has over 5 million active installs.
Once you have installed and activated the plugin on your website, go to the page you want to edit and edit it with Elementor.
You will be taken to the Elementor editor.
As you see in the image above, we will click on the red button + to add a new section and the number of columns that will go with it.
We will now choose Editor and Text and Calendar widgets
Update your page and preview your article.
With this WordPress Plugin, you will also have the option to add or remove the number of columns.
Discover also some premium WordPress plugins
You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.
We offer you here some premium WordPress plugins that will help you do that.
1. Contact Form 7 Success Redirect
Contact Form 7 Success Redirect is an extension of the premium WordPress plugin from Contact Form 7 which allows redirecting a visitor or user to a page after the submission of their contact.
It has been designed to make the form more user-friendly when the form submission process results in redirecting to the page chosen by the admin.
How to create a private store with WooCommerce ? Find out by consulting this article.
It is extremely easy to configure. You can do this by selecting a page from the existing pages of your dashboard or by providing a custom redirect URL.
So much to see... 8 WordPress plugins to improve the SEO of your blog
Each form will have its own configuration. Thus, each successful redirection can be defined in a unique way.
Download | Demo | Web hosting
2. LetsPush Web Push Notification
Web Push Notifications, also known as Browser Push Notifications, are clickable messages that can be sent by the website to the user even without knowing his email or other contact information.
Its notifications are delivered in real time, even when the user is not browsing your website. This WordPress plugin also allows the administrator to send push notification messages to users who have subscribed to the website.
So you can send a personalized message, sell a product or send updates about your website to your visitors. It integrates strongly with BuddyPress and is compatible with WooCommerce.
Download | Demo | Web hosting
3. WooCommerce Social Login
This premium WordPress plugin helps reduce registration time for a website, which generally annoys users and reduces your sales. But if you use WooCommerce Social Login, the time saved by the user will be increased, which will necessarily also increase your sales.
When a customer visits your website for the first time, you will simplify checkout by allowing them to checkout as a guest. However, this creates friction for customers who want to buy multiple times from your online store. They will have to create a different username and password each time.
Discover also our 50 WooCommerce plugins to improve your online shop
WooCommerce Social Login therefore makes this process as easy and secure as possible - customers can log into your website using their Facebook, Twitter, Yahoo, LinkedIn, Foursquare, Windows Live, VKontakte (VK.com), PayPal, Instagram accounts. and Amazon.
Download | Demo | Web hosting
Recommended Resources
Find out about other recommended resources to help you build and manage your website.
- How to optimize your images and improve SEO
- 8 WordPress discount plugins to create coupons
- 10 WooCommerce plugins to recover abandoned baskets
- How to Find a WordPress Blog Login URL
Conclusion
Adding columns to your WordPress website can help keep your layout fresh and attractive. Although the process of doing this can sometimes be a little tricky, there are simple methods you can use to make it easier.
Here is ! That's it for this tutorial, I hope now you know when and how to add multiple columns in WordPress. Do not hesitate to share with your friends on your favorite social networks.
However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.
And if you have any suggestions or remarks, leave them in our section Comments.
...
