How To Split Categories Of WordPress Blog Into Columns

by Simrandeep on June 11, 2009

in Blogging,Wordpress

Do you like this post?

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.

Incoming search terms:

Article by Simrandeep

Simrandeep is the owner and editor-in-chief of TricksDaddy. He is a part-time blogger from India. Catch him on Facebook and Twitter.

Simrandeep has written 394 awesome articles.

{ 24 comments… read them below or add one }

Gagan June 11, 2009 at 3:34 pm

I have a huge list of categories, I think I should try this.. Thanks :)
[rq=1975,0,blog][/rq]How Does Web Hosting Services Help You In Getting Traffic

Reply

Simran June 11, 2009 at 3:45 pm

But its looking good on your blog :)
[rq=1990,0,blog][/rq]How To Split Categories Of Wordpress Blog Into Columns

Reply

Avinash June 11, 2009 at 11:49 pm

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.
[rq=3261,0,blog][/rq]5 Wordpress Plugins For Creating a Headlines Section For Your Blog

Reply

Simran June 12, 2009 at 1:21 am

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 :)

Reply

George Serradinho June 12, 2009 at 12:58 pm

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.
[rq=4853,0,blog][/rq]WordPress 2.8 Available for Download

Reply

Ricky June 13, 2009 at 5:45 am

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.

Reply

Simran June 13, 2009 at 9:47 am

hmmm but when other methods fail this method will work for sure :)

Reply

Ricky June 13, 2009 at 12:06 pm

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

Reply

Professional website design June 13, 2009 at 10:07 pm

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.

Reply

Professional website design June 13, 2009 at 10:08 pm

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.

Reply

SEO Blog June 14, 2009 at 3:26 am

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? =-.

Reply

Arjun S Kumar June 14, 2009 at 8:19 am

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

in this order..?

Reply

Helen D March 26, 2010 at 1:02 am

I’m looking for the same thing. Did you have any luck with this – I really want both 2 columns and hierarchal category links if possible.

Reply

Arun June 20, 2009 at 8:45 am

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 =-.

Reply

Professional website design July 4, 2009 at 1:35 am

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.

Reply

Professional website design July 4, 2009 at 1:35 am

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 =-.

Reply

Professional website design July 4, 2009 at 1:35 am

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 =-.

Reply

iklan baris December 11, 2009 at 1:54 am

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 =-.

Reply

Simrandeep December 11, 2009 at 7:41 am

Hey thanks for your suggestion :) Let me check this plugin

Reply

Amal Roy December 13, 2009 at 7:52 am

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 =-.

Reply

Simrandeep December 13, 2009 at 8:32 am

It looks nice on your blog too :)

Reply

Pavan Somu March 23, 2010 at 4:29 pm

I have tried it but didn’t worked
.-= Pavan Somu´s last blog ..Download Microsoft Platform Preview Of Internet Explorer 9 =-.

Reply

Simrandeep March 23, 2010 at 11:09 pm

What error are you getting ?

Reply

Mary April 20, 2010 at 2:44 pm

This website article presented me a full load of thoughts, thank you for posting

Reply

Leave a Comment

Previous post:

Next post: