How To Split Categories Of Wordpress Blog Into Columns

split_wordpress_categoriesWordpress has the option to display the list of categories in single column only. But if you have a huge list of categories like me then it would be better to split the list of categories into 2 columns. It will save space in your sidebar and it will not make your page longer. A long list of categories can fit in 3 column template but it looks ugly in 2 column template. So if you are using 2 column template then I will recommend you to split your categories into 2 columns using the following method.

  • First copy the follwing code and paste it into notepad :
    <div style=’float:left; width:45%;’>
    <ul>
    <li><a href=”#”>Category 1</a></li>
    <li><a href=”#”>Category 2</a></li>
    <li><a href=”#”>Category 3</a></li>
    <li><a href=”#”>Category 4</a></li>
    </ul>
    </div>
    <div style=’float:right; width:45%’>
    <ul>
    <li><a href=”#”>Category 5</a></li>
    <li><a href=”#”>Category 6</a></li>
    <li><a href=”#”>Category 7</a></li>
    <li><a href=”#”>Category 8</a></li>
    </ul>
    </div>
  • Now replace the labels in this code with your own labels and give links to those labels.
  • Now copy the edited code and make a text widget in your dashboard.
  • Paste the code into text widget and save changes.
  • That’s all.

You can look at the sidebar of my blog for a demo. You can also use this method on blogger blogs.

Popularity: 5% [?]

Related Posts:

Article by Simrandeep

Simrandeep has written 352 articles.

If you like this post, you can follow TricksDaddy on Twitter

Subscribe to TricksDaddy feeds via RSS or Email to receive daily updates

Join TricksDaddy's Revenue Sharing Program

  1. Gagan says:

    I have a huge list of categories, I think I should try this.. Thanks :)
    Gagan´s last blog ..How Does Web Hosting Services Help You In Getting TrafficMy ComLuv Profile

  2. Simran says:

    But its looking good on your blog :)
    Simran´s last blog ..How To Split Categories Of Wordpress Blog Into ColumnsMy ComLuv Profile

  3. Avinash says:

    Simran, If you want to display categories in 2 columns automatically, you can check out my post, which can do this automatically at

    http://www.techyard.net/span-categories-over-2-columns/

    which is also same code I use on my blog.
    Avinash´s last blog ..5 Wordpress Plugins For Creating a Headlines Section For Your BlogMy ComLuv Profile

    • Simran says:

      Your method seems to be nice. Before writing this post I searched some sites including WPhacks and got the code to automatically split categories into 2 columns but the code was not working here. So I put a alternative in this post. Let me try your method. Hope it works for me :)

  4. Hi,

    your method is ok, but has a flaw. When ever you add a new category or remove one, you will have to update your text widget. This makes it a bit long, but I understand why you did it.

    I will go and see if Avinash’s code works.
    George Serradinho´s last blog ..WordPress 2.8 Available for DownloadMy ComLuv Profile

  5. Ricky says:

    I guess this is best suited for blogger blog. I used use this code for my old blogger blog. Well it looks nice on your blog. Each time you add a category you have to update your text widget.

  6. Ricky says:

    @Simran
    Yeah this method will work for sure. Thanx for the tip.

  7. I want to have it so when I post on my blog at Wordpress, it will automatically post the same blog on my MySpace page. I know there is a way to do this with forums and bulletin boards – posting on WordPress and having it show up in the forums.

  8. Typically cutting and pasting the URL link to your MySpace or Facebook accounts should work. IF not, you should research the WordPress FAQ page, or even the FAQ for MySpace and Facebook.

  9. SEO Blog says:

    Thanks for codes I’ll surely give a try once althought I am not so good with them.
    SEO Blog´s last blog ..How to SEO Wordpress? My ComLuv Profile

  10. Arjun S Kumar says:

    Any idea how to show categories like
    -Parent
    -child
    -grand child

    in this order..?

  11. Arun says:

    Really nice post .. but now it won’t helps me bec i am having only few categories so in future it will be useful for me.
    Arun´s last blog ..How to disable Autorun Function in Windows Vista and in Windows XP My ComLuv Profile

  12. The layout should be in top banner with top navigation and 3 columns for content – left, middle and right. The middle portion is where the content will go.

  13. On the left i want to put links. However i want this links to change depending on where you click on the top. In other words if you click on home, you will see A, B and C links on the left, if you click on Services, you will see D, E, and F links on the left and etc.
    Professional website design´s last blog ..web design and its basic concepts My ComLuv Profile

  14. You aren’t going to find a theme that has these features. You can, however, create a theme of your own easily if you know css and can play with javascript a little.
    Professional website design´s last blog ..web design and its basic concepts My ComLuv Profile

  15. iklan baris says:

    thanks guys for your great article. another way, you can using Multi Column Category List Plugin for WordPress
    iklan baris´s last undefined ..If you register your site for free at My ComLuv Profile

  16. Amal Roy says:

    Thanks Simran. I am now using this. But the only change i made is i am using it under else it wont work for me.
    Amal Roy´s last blog ..How To Run Multiple Wordpress Blogs with Single Installation My ComLuv Profile

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled