Column Layout Design for WordPress Websites - dummies

Column Layout Design for WordPress Websites

By Lisa Sabin-Wilson

Lots of WordPress websites are laid out in columns that span the width of the visitor’scomputer screen and rows that span the length. When you develop a plan for your website design layout, you need to decide how many columns you’ll use to display content.

The options are literally endless, but keep in mind that the more columns you use in a website design, the smaller they need to be for them to appear across the width of the screen. (Rows, on the other hand, because they are vertical, can be used endlessly because you are not limited in the amount of vertical space you have available in your browser window.)

A website that uses a one-column layout has one column that spans the full width of the computer monitor, whereas a website that uses a four-column layout has four smaller columns that span the width of the screen.

Most layouts are anywhere from one to three columns, with each column holding different types of content, such as blog posts, navigation menus, advertisement banners, and so on. A two-column layout is the most popular, followed by a three-column layout, and in some cases, you do see a one-column layout.

Take into account the following factors when deciding how many columns to use in a site design:

  • The type of content being presented

  • How much content there is

  • Whether you, or your client, intend to advertise, sell products, or host videos or audio files

The answers to those questions help determine how many columns the website needs to cleanly accommodate and present the different content to website visitors. You want the website to have an organized feel, as well as to make sure it’s not cluttered and confusing to visitors. If you have a lot of content to display, consider using a larger number of columns to present the content in an orderly way.

Here is a one-column layout.


Here is a two-column layout.


This is how a three-column layout appears.