Comments on: 6 Ways to Display WordPress Post Content in Multiple Columns

By: Patrick

Patrick — Sun, 13 Jun 2010 03:21:11 +0000

I was wondering if anyone can make a plugin to allow columns to be setup in main page, and then widgets can be drag just like what is done with the side bars?

It will really make WordPress even more flexible.

By: Mike

Mike — Fri, 11 Jun 2010 08:31:20 +0000

Thanks. This is a great tutorial!

By: Madi

Madi — Mon, 31 May 2010 10:45:44 +0000

Hi there! I’m working on a new template that focuses on pictures and I want to show all these in 3 columns. You can see the template that I’m working on here. Example #1 works great, but since it’s not crossbrowser-friendly, I’d wanna try something else. #4 didn’t work out for me, since I couldn’t get it to show the rest of all the posts on the other pages. (It would only show post 1-15 so page navigation was more or less useless). I think that #3 could work, but the thing is that I don’t show any of the content on the frontpage, all that is shown is the first picture of that specific post.

I’ve looked everywhere for a solution, but all that works for me is the css3 way. Please help!

By: salsa

salsa — Tue, 18 May 2010 17:49:11 +0000

I love you!!!!!

By: Manda

Manda — Mon, 17 May 2010 02:07:13 +0000

I love these techniques but I have a problem as my posts excerpts are different lengths so I get a lot of vertical white space between some of the posts. Is there any way to force the posts to sit on top of each other when the posts are of different lengths?

Thanks

By: pmdci

pmdci — Tue, 04 May 2010 22:02:08 +0000

Hi there folks.

Thank you all for trying to help. I have psted the code online to share. Here it is:

index.php for the theme: http://codepad.org/nhnGoFYh
style.css for the theme: http://codepad.org/UHlGIBhq

Once again thank you all for your time and patience :)

Cheers,
P.

By: Jeff Starr

Jeff Starr — Tue, 04 May 2010 20:13:50 +0000

pmdci, do you have an example page setup somewhere so people can maybe look at it.. It may be the CSS that needs to be tweaked.

By: pmdci

pmdci — Tue, 04 May 2010 16:09:46 +0000

Just a quick one: I used the web developer plug-in of FireFox and I found out that this is what is happening left-column | left-column right-column | right-column left-column | left-column ... | ... Now I did exactly what has been explained in example 5. I simply copy and pasted the code into my index.php file (replacing the loop for posts with this code) then I added the provided CSS at the bottom of my CSS file. But the result I get is the above... I tried to move the provided CSS code to the top of my CSS file (after body of course) but it didn't work either... Any ideas? Any help is greatly appreciated.

By: pmdci

pmdci — Tue, 04 May 2010 15:21:03 +0000

I **THINK** found out an error on the example 5 I have added 3 posts, and instead of them following this listing: Post #1 | Post #2 Post #3 | It is following this instead: Post #1 | Post #2 | Post #3 Any ideas?

By: pmdci

pmdci — Tue, 04 May 2010 14:52:11 +0000

Fantastic post. In fact, the most detailed and comprehensive post about columns in wordpress I found on the net. Well done! I have a question about example 5, though. Where should I add the code for previous and next post navigations? Here is a simple example:

Should I add this for each column, or is there a way it would make sense for the entire page as a whole, considering both left and right column? Once again congratulations on the post.