Online Test Banks
Score higher
See Online Test Banks
eLearning
Learning anything is easy
Browse Online Courses
Mobile Apps
Learning on the go
Explore Mobile Apps
Dummies Store
Shop for books and more
Start Shopping

Column Layout Design for WordPress Websites

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.

image0.jpg

Here is a two-column layout.

image1.jpg

This is how a three-column layout appears.

image2.jpg
  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win $500. Easy.