Have you ever wanted to display WordPress widgets in columns? Do you know that there is a really quick way to do this without necessarily modifying a single line of code?

In this tutorial, I'll show you how to display widgets in columns without necessarily mastering HTML / CSS.

How to install and use the "Widgets in Columns" plugin

It's the first thing to do. Being available on WordPress.org, you can install the plugin directly from your dashboard, although it's true that it's also possible to download the app as a zip file directly from its official page on WordPress.

widgets-in-columns

After installing the plugin, you need to navigate to the location “ Appearance >> Widgets ". You will notice that by expanding an added widget, new fields available:

  • Width, to determine the width of the widget.
  • Icon, to assign an icon to the widget.

presentation-widgets

Please note: : Especially regarding width, you will notice that there are several width formats. These formats correspond to a percentage of space occupied by the column in question.

To be more precise, a column with a width 1/3 ", Will occupy approximately 33.33% of the available space," ½ Will occupy a width of 50% and ¼ will occupy 25% ", and so on.

You must use the Divider widget each time to add a separator line between the widgets.

You can now consult your blog, to see how the widgets look.

widgets-columns-wp

That's it for this tutorial on adding widget in a column, feel free to share it with your friends on your favorite social networks.