Top




how to make column

How To Make Columns In A Post Using Free Ultimate TinyMCE Plugin

One of my favorite plugins is the free Ultimate TinyMCE plugin. It helps to dramatically enhance the “rather lean” features of the WordPress WYSIWYG editor. Of the many options that this plugins offers, today I will show you how to make columns on your post or a page.

Sometimes it is very important to be able to insert columns into a post. Having columns on a page allows you to compare images side by side, make the point you are trying to make clearer, allows you to compare benefits and disadvantages of different products, display product images in an orderly fashion and so on. Of course, it can be done without a plugin if you know how to code. Most people, however, don’t know how to do that.

In this post I will show you how to make columns to display text and how to make columns to display Amazon thumbnail ads of books related to blogging (this can be applied to any images).

How To Make Columns Overview

Ultimate TineyMCE  is a free WordPress plugin and you can install it straight though your plugin installation page in your WordPress dashboard. There, just insert Ultimate TinyMCE in the search box. It will show up as the first plugin in the search results. Install and activate it. Once it is installed, you can explore the various functionalities it offers, in the settings of the plugin.

There is a  lot of helpful options in this plugin. The standard WordPress WYSIWYG editor and a loaded WYSIWYG Ultimate TinyMCE editor are shown in Fig. 1 and Fig. 2 respectively.  As I mentioned, in this article I will only show you how to make columns on your pages or posts using one of the options this plugin offers.

Image 1. Standard WordPress WYSIWYG Editor

Standard WordPress WYSIWYG Editor  

Image 2. WordPress Editor Loaded With Ultimate TinyMCE Options

Wordopress WYSIWYG Editor With Ultimate TinyMCE

How To Make Columns In Posts Or Pages

1. In the settings of Ultimate TinyMCE plugin scroll down to “Miscellaneous Features”. Tick off “Enable Columns Shortcode”

Image 3. Select Column Option In Tiny MCE

How To Make Columns With Ultimate TinyMCE

2. Update: Previously I gave you a link to detailed instructions for column shortcodes for this plugin, but the plugin’d developer is redirecting the page to a paid version of the WP edit, another version of Ultimate TinyMCE. Rather than giving you the link to the paid version, I am now omitting the link. Just follow the instructions I gave you in the images below. It is very intuitive.

Below, you can see an image that contains a sample of the instructions.

Image 4. Column Instructions

Example Of Column Shortcode Instructions

How To Make Columns Of  Text

In this example I will use the above instructions to create two columns of text. I will just use some lorem ipsum (dummy) text. Notice that in the example I inserted a heading. To do that, just add the heading after the bracket and then click enter to start a new paragraph. Add your text into the new paragraph. You can manipulate the text any which way you want. You can center it, bold it, etc.

An Example Of A List

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.
  3. Vestibulum auctor dapibus neque.

An Example Of A Paragraph

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo

How To Make 3 Columns With Images/Advertisements

Image 5. Columns With Images

How To Make 3 Columns

In the text example below I have divided the post space into 3 equal columns.

This is the 1st column.
This is the 2nd column.
This is the 3rd column.

When you are adding images or advertisement codes just replace the text between the commands with the images or the advertising codes. In the example below I added images of excellent blogging books and I linked the images to my Amazon account (so, if you purchase any of the books I will probably make about 50 cents, seriously). But joking aside, you can see that it is very simple to add images to the columns.

If you want to add text above the image, just follow the instructions for creating text columns (above). To add text below the image, start a new paragraph under the image. You can center the text as you would normally do for any paragraph. In these examples I just added the text into the “Caption” option of the image.

Blogging For Dummies


Excellent book for blogging beginners and intermediates. Updated new edition. I very much enjoyed reading the book.

Blogging-By-Problogger


Problogger is the famous blogger Daren Rowse, a respected blogger who makes a lucrative income from blogging. A must for any blogger.

Food-Blogging


I have not read this book, but it had 5 stars and it sounded interesting. Anyone who enjoys blogging about food, recipes of any kind, etc. will most likely benefit from this book.

 

With the Ultimate TinyMCE there are endless ways of making columns for your posts or pages, you just have to use your imagination. An easy to use option like this one, can really spruce up your blog and make your posts visually attractive. Now that you learned about Ultimate TinyMCE plugin and found out how to make columns on your posts install the plugin and have some fun with it. I’d love to hear your feedback. Please leave a comment.

 

millionaire's brain ad

 

, , , ,

37 Responses to How To Make Columns In A Post Using Free Ultimate TinyMCE Plugin

  1. Esther Paul June 3, 2013 at 4:06 am #

    I should say this plugin is damn handy for me.

    Thanks for sharing it Dita

    Cheers,
    Esther

  2. Rudd May 14, 2013 at 6:15 am #

    Wow, that’s really easy. Usually I just use pure html to do that. With this plugin, it will add more features to the TinyMCE editor.
    Rudd recently posted…How to Add Contact Form to WordPressMy Profile

    • Dita Irvine May 16, 2013 at 11:01 pm #

      Hey Rudd,

      I never mastered pure html for this job and was always very frustrated when I could not do it. So this plugin and especially this options is a real blessing.

      Dita

  3. Vijesh May 8, 2013 at 11:55 am #

    Thank you Dita,

    Should try this TinyMCE Plugin when I have to make columns in my blog post.
    Vijesh recently posted…Income Reports of Indian bloggers to get inspirationMy Profile

  4. Koj Tajo April 25, 2013 at 7:36 am #

    Thanks a lot DIta for coming to my blog and Yes, it was pleasure adding your blog in my list.
    And Here You have great tutorials for us bloggers. Never tried the pulgin TinyMCE but would try for sure.
    I’ll be coming again and again Dita 🙂
    Koj Tajo recently posted…7 Essential Things Every Bloggers Should Know For Successful BloggingMy Profile

    • Dita Irvine April 26, 2013 at 7:46 pm #

      Hi Koj,

      I am sure you will enjoy this plugin. Thanks for stopping by. I left you a reply on your site. Thanks so much,

      Cheers,

      Dita

  5. Josh Lobe April 24, 2013 at 10:57 pm #

    Hello Dita,

    Josh Lobe here… developer of Ultimate Tinymce. I do basic searches now and then, and stumbled across your post here. All I can say is, Thank you. I appreciate you taking the time to share some of the benefits of this plugin with the rest of the community.

    I wish you the best.. and thanks again!!

    • Dita Irvine April 24, 2013 at 11:06 pm #

      Hi Josh,

      I am so honored that you visited Blogging Spree blog. Thank you for developing this extremely useful plugin. I cannot imagine writing my posts without it. As you can see from the comments my readers love it as well.

      The Ultimate Tinymce serves well beyond the regular editing functions. Making columns for posts is just one example of its treasure chest of functionalities.

      All the best.

      Dita

  6. Jude Banks April 22, 2013 at 10:30 pm #

    Hello Dita,

    I’ve been using TinyMCE for a few months and have yet to explore all the functionality it offers. It is a powerful and amazing plugin.

    I will be playing around with creating columns as that is something I have always wanted to know how to do. Coming across your post is timely indeed.

    Thanks for explaining it so clearly. I shall come back to your instructions when I’m read to implement it.

    Useful and great share! Much appreciated.

    ~Jude
    Jude Banks recently posted…Is It Your Online Business Or Just A GameMy Profile

    • Dita Irvine April 24, 2013 at 11:10 pm #

      Hey Jude (I couldn’t resist, I loved that song),

      Thanks for stopping by. You are most welcome. Prior to discovering that I cold make columns with Ultimate Tinymce, I too was so frustrated. Tables never seemed to work for me.

      Cheers,

      Dita

  7. Gary April 12, 2013 at 7:05 am #

    HI Dita,

    Now this is a really useful post – I was looking at doing a comparison post with items side by side, but wasn’t sure how I could do that with WordPress without looking into coding, which was a lot of work just for the sake of columns.

    Here’s my answer – thank you!

    • Dita Irvine April 12, 2013 at 12:22 pm #

      Hi Gary,

      Thanks for stopping by. I am pleased that you can make use of this information.

      Best of luck,

      Dita

  8. abhishek April 12, 2013 at 3:23 am #

    This looks a cool alternative for tables, and it seems easy also . thanks for sharing
    abhishek recently posted…Best Caller ID App for iPhone Android BlackBerry and Nokia devicesMy Profile

    • Dita Irvine April 12, 2013 at 12:23 pm #

      Hi Abhishek,

      Definitely a cool alternative. I tried tables but I finally gave up on them as they are pretty difficult to do.

      Cheers,

      Dita

  9. Sylviane Nuccio April 10, 2013 at 10:41 pm #

    Hi Dita,

    Well, all those years I’ve been blogging, I never knew how to do columns. I will definitely see if I can use that at times.

    Thanks for the tutorial.

    • Dita Irvine April 10, 2013 at 11:31 pm #

      Hey Sylvia,

      I did not know that for some time too. It’s one of those things at the end of all other goodies, so we miss it.

      Thanks for stopping by,

      Dita

  10. Paul Henderson April 8, 2013 at 7:30 pm #

    Hey Dita,

    A very useful post and something that I’ve wondered about using several times. I actually have this plugin but didn’t realise it could do this, so thanks for enlightening me 🙂

    All the best Dita,

    Paul
    Paul Henderson recently posted…White Listing – And Why You Should Be Doing ItMy Profile

  11. Harleena Singh April 8, 2013 at 12:44 am #

    Hi Dita,

    My first return visit to your lovely blog, and it’s surely a pleasure to be here. 🙂

    This was indeed an informative post about how to make columns within the post, about which I really had no idea. I guess I don’t use them much over at my blog because of the type of content I share, but it’s a nice feature for those who use. I do have the layout of various columns laid out in my theme, but I guess they must be working for the main page of the blog, or do they work for the posts too.

    Thanks for sharing. Have a nice day ahead 🙂
    Harleena Singh recently posted…10 Stress Headache Relief Techniques That WorkMy Profile

    • Dita Irvine April 11, 2013 at 1:08 pm #

      Hi Harleena,

      I like to use columns from time to time, both for my images and text. Since I am not a coder I had a hard time with columns until I discovered this functionality.

      Thanks for visiting again.

      Dita

  12. Karthik April 4, 2013 at 2:12 am #

    Really thanks for plugin. Finally i can make my blog colorful and presentable.
    Karthik recently posted…Google Nose Beta – How it works ?My Profile

    • Dita Irvine April 6, 2013 at 6:24 pm #

      Hi Karthik,

      I am glad I could help.

      Dita

  13. Rob April 2, 2013 at 2:31 pm #

    Hi Dita

    TinyMCE is a really useful plugin not least because of the styling/layout options it affords you.

    Like you and countless others I messed around with tables but I never achieved the right result, I was never happy, plugins like this and WordPress as a whole make life so much easier for new bloggers.

    It’s my first time on bloggingspree and I will definitely be adding you to my “ones to watch ” post which is in the research phase.

    keep up the good work, very helpful!

    Rob
    Rob recently posted…Evergreen Content Writing ServicesMy Profile

    • Dita Irvine April 3, 2013 at 6:51 pm #

      Hi Rob,

      Thanks for visiting. I am glad you found the posts helpful. It is true many of the plugin make bloggers’ lives much simpler.

  14. Tim Bonner April 1, 2013 at 6:29 am #

    Hi Dita

    I had been using a table plugin to get the columns feature. I had used Ultimate TinyMCE before but I removed it but I can’t remember why! Possibly when I was looking at page loading speed.

    Needless to say I’ve now added it back and removed the other plugin. I’m going to monitor page loading speed though in case it slows things down.

    Thank you for sharing a great walkthrough as to how the column features works. That is something I will definitely make use of.

    Tim
    Tim Bonner recently posted…Please Help! I Have WordPress Comments OverloadMy Profile

    • Dita Irvine April 3, 2013 at 7:04 pm #

      Hey Tim,

      I must confess, this is a plugin I could not write posts without as I find the WP editor rather bare. Imagine that I have been using it for at least a year and it is not until now that I have discovered this wonderful functionality. I can’t tell you how many times I have given up when I was trying to create columns.

      I am glad my post helped you see its potential.

      Take care,

      Dita

  15. Cararta March 28, 2013 at 11:53 am #

    What a useful post….didn’t grasp all the the ways to do things at one time,

    Think I will have to install the Ultimate Tiny MCE and come back and watch the video while I try it out!

    Had tiny MCE on one of my sites, but ran into a conflict and had to remove, so setting up a new site, think I’ll try it again.

    Thanks for the Share!. C.
    Cararta recently posted…Creating High Value Content Video or Copy WritingMy Profile

    • Dita Irvine April 3, 2013 at 7:07 pm #

      Hi Cararta,

      I hope it works for you this time. Thus far I have not had any conflicts.

      Dita

  16. Sergio Felix March 27, 2013 at 12:18 pm #

    Hey Dita,

    TinyMCE is a GREAT resource for formatiing articles on wordpress blogs.

    I stopped using it because I wanted to keep my plugin count low and started using shortcodes from my premium themes instead.

    But I would definitely use this plugin and the column feature if my theme didn’t support columns.

    Great advice!

    Sergio
    Sergio Felix recently posted…Productivity Hack: The Lockdown MethodMy Profile

    • Dita Irvine April 3, 2013 at 7:09 pm #

      Hi Sergio,

      Thanks for stopping by. I know what you mean about the number of plugins one uses. We have to be careful as there are so many plugins available and if we are not careful some of the larger ones can definitely slow our sites down.

      Cheers,

      Dita

  17. Rob Corrigan March 27, 2013 at 9:49 am #

    Hi Dita

    What a fantastic column (or should that be post!) seriously this is invaluable stuff I have always wondered hoe to do this now I will simply refer to your instructions.

    Thanks
    Rob
    Rob Corrigan recently posted…The Easiest eBay Start-Up Ever?My Profile

    • Dita Irvine March 27, 2013 at 9:52 am #

      Hi Rob,

      I am glad I could be of help.

      Dita

  18. Roger Weavers March 27, 2013 at 5:33 am #

    Hi Dita,

    There’s always something to learn with WordPress 🙂 Many web designers are switching to WordPress but sometime the tasks that were fairly easy in Dreamweaver and other platforms can be a bit confusing in WordPress. I have TinyMCE installed on some of my blogs but never used the column shortcodes so thanks for the heads up.

    Roger
    Roger Weavers recently posted…Improve Conversion Rates & Increase Your Profits Without Increasing Your TrafficMy Profile

    • Dita Irvine March 27, 2013 at 10:03 am #

      Hi Roger,

      I have been using Ultimate TinyMCE plugin for a while but I never realized it offers this functionality. I did not know how to make columns and I struggled trying to figure it out with coding. (What a mess, lol). So, you can imagine my pleasure when recently I stumbled upon this functionality. I never really scrolled that far down.

      There are other shortcodes there as well which I am going to explore. They are going to improve my posting experience quite a bit.

      Take care,

      Dita

  19. Chetz Togom March 27, 2013 at 5:10 am #

    Thanks for sharing this Dita!

    Usually I use table for my post. But this one is easier.

    Will test it out.

    Chetz

    • Dita Irvine March 27, 2013 at 9:54 am #

      Hey Chetz,

      good to see you here. I used tables as well but I found them difficult to manage. I was glad when I “discovered” this functionality in the Ultimate TinyMCE.

      Take care,

      Dita

  20. zora March 26, 2013 at 8:37 pm #

    Hi Dita,

    Great blog, Thanks for writing and making this nice video for us.
    Good job you done real good here .
    The plug-in look great, thanks for showing and sharing this.

    Have a good day!
    Regards

    Zora

    • Dita Irvine March 27, 2013 at 9:56 am #

      Most welcome, Zora and thanks for stopping by. I am pleased you enjoyed.
      Dita