How to Add Columns to your Website Page



The simple process of adding side by side columns to your website.

Placing an image or text side by side on a page or post can be mind boggling if you’re new to Internet marketing. Some website themes have options for this, if not these things called plugins can solve many problems. I use trial and error to determine which plugin works best for my website but for this illustration I’ll be using a plugin called Columnizer.

 

On your website dashboard go to plugins, click add new, type in columnizer install and activate the plugin. You use short codes [columns] at the beginning of column text and [/columns] at the end of column text. Changes can be made to these codes depending on number of columns you want in a page/post.

 

I’ll be using two columns for this illustration and it’s done in the page/post edit section of your website so your text will appear as one column but your website page will be displayed as two columns. The layout below shows how the text looks in the edit section of your site and then how others surfing your website see it.

 

Names in one column on the post or page in the dashboard will appear in two columns on your website. Notice the codes are placed at the beginning and end of your text.

 

[twocolumns]   short code

My name is John

Your name is Joan

Your name is Joe

Your name is Dave

Your name is Jimmy

Your name is Billy

Your name is Tommy

Your name is Julia

[/twocolumns]  short code

 

This is how columns look in your dashboard edit page.

 


How to add collumns to website

Adding banner codes is done the same as names per the illustration below. Perks in using the columnizer plugin is ease of use. Columns can be added by changing the number two to a three, four, five or more which allows for addition of columns across the post. Be sure columns fit your page/post width or columns may overlap the page.

Test before publishing.

Product codes in two columns cropped new

Banner codes appear in your published post as side by side banners below.

[sp-box-m]

Pet Insurance
[/sp-box-m]

[sp-box-m]
Shop for all your Holiday Gifts at CBS Sports Shop!

[/sp-box-m]

 

Without columnizer banners will appear like images below.

The columnizer plugin was used as an example, there are many types that do the same so use your discretion in choosing a plugin for your website. Plugins slow your website loading speed, for best results keep total quantity of activated plugins below five.

Was this post helpful if so please leave a comment or give me a like, any feedback will be welcomed.

2 Comments

  • Larry (#)
    January 26th, 2015

    This is very interesting, You’re a very skilled blogger.
    I’ve joined your rss feed and look forward to
    seeking more of your fantastic post. Also, I have shared your site in my social networks!

    • SAJ (#)
      January 26th, 2015

      Hi Larry

      Thanks for the visit and your comment please do come back.

      SAJ

Leave a Reply

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