Skip to Main Content

How to make columns on WordPress without plugins

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 701.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

When setting up your WordPress website or creating content, you have different styles and formats to consider. Certain styles will be able to match a certain type of content, and depending on what you're writing, you'll want to adjust it.

Your best bet is to see topical content appear to be printed on newsprint, or to organize your content in a different way with columns.

We'll show you how to add columns to your website without having to use plugins, which will reduce load times and save you worry updates.

Here are some ways to get there.

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.

Use code for columns

You can think about using HTML / CSS to create columns on your WordPress blog. It's not as difficult as some might think, and you can accomplish this by using an even tag " With a style as an attribute.

Go further in personalization by discovering How to customize the CSS of your WordPress website

Your content here Your content here

We have included a more detailed example, which will allow you to see the different possibilities available to you.

Column 30 Column 0 Column 10 Column 0 Column 0 Column 1

It is possible to change the space between columns and the size of the columns by adjusting the inner margin or the width value in the code. For example, you can change the width to 50% or 30%. You may even want to make one column wider than another. By doing this, you will be able to have a main column with text and the other columns on the side. 

Cookies and WordPress: How to create, recover and delete

So the first column should have a size of 40%, the second a size of 50%, and the third a size of 30%. As you can see the coding is not particularly tedious. Although it may take a bit of getting used to, especially if you've never done this before.

If you don't want to do it while coding, there are other solutions available to you.

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

Choose a theme with support for columns

If you are using the columns to give your WordPress blog a "magazine" look, you may want to use one of the themes that WordPress offers.

For example the theme Duet Theme

You will also be able to consult premium WordPress themes by consulting this link.

wordpress theme preview.png

The latter offers you two columns that work with your content and offers a classic magazine look. It is very stylish. However, you will have to pay for this feature. This WordPress theme costs approximately $ 90.

Discover How to fix the login error with the WordPress database

Use tables for columns

You can also use tables to create columns on your WordPress content. You can do this by creating a new page.

create a new page with a table on WordPress.png

So you can use the following code:

Title 152 Title 1 Title 0 Title 0 Detail One Detail Two Detail Three Detail Four Detail One A Detail Two A Detail Three A Detail Four A

Sublimate your paintings by consulting How to insert a table on WordPress with the TablePress plugin

Once you have added the table, you will be able to adjust the size, the space between the columns. You can also remove the borders, to give a more natural look, during formatting.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

Here are some methods that will allow you to create columns on WordPress.

Discover also some premium WordPress plugins  

You can use other WordPress plugins to give a modern look and optimize the grip of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.

1. HTML5 Video Player

This is a WordPress plugin providing your blog with 3 types of video players. We have in particular a video player with playlist on the right, a video player with playlist at the bottom, and a video player without playlist.

html5-video-player

This plugin however offers features common to all three readers. Its features include: a responsive layoutsive, 5 models to choose from for each reader, the ppossibility of adding a reader several times on the same page with the same style or by using a different style, the psupports MP4 and WEBM video files, and others.

Download | DemoWeb hosting

2. WordPress Pro Event Calendar

WordPress Pro Event Calendar has the role of adding a professional and elegant calendar in your posts or pages. It is 100% responsive, and can also be used through a widget on any type of WordPress blog or website.

Wordpress pro event calendar

Its features are among others: one ofelegant and professional sign, the mise in responsive page, easy event management, the possibility to submit events on the front-end, the addition of special dates on your calendar such as holidays for example, the limitation on the number of reservations for an event, RTL and Google Map media, etc.

Download Demo Web hosting

3. Restrict KB Access by Addon

This is an easy way to manage and restrict access to KNOWLEDGEBASE based on user roles. This extension provides useful options to secure the knowledge base from global access.restrict-kb-access-by-user-role-addon-plugin-wordpress-to-roles-user

Its other features are: no configuration to do, the ability to lock knowledge base content based on user roles, a fully customizable appearance, locking simple articles, similar articles or article widgets , an extended control panel, a functional translation, and others.

Download | Demo | Web hosting

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Recommended Resources

Find out about other recommended resources to help you build and manage your website.

Conclusion

Here! That's it for this tutorial. We hope you will manage to create columns in WordPress without coding. Feel free to share this tutorial 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.

If you have suggestions or remarks, leave them in our section Comments.

...  

This article features 0 comments

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
7 shares
Share4
tweet1
Save2