Do you want to spice up your Thesis homepage a bit? Are you bored of your current homepage? Have you ever wanted to display posts from a specific category? If you answered Yes to any of the questions, then this post is a must read for you.
Yes, it’s another Thesis tutorial that I’m going to share with you all. As I play around more with Thesis, I enjoy it more and see the power I hold in my hands. This Thesis tutorial is very basic and should not take you longer than 5 minutes to setup and get working on your website. This can also be altered to work on any other theme, so don’t be disappointed if you are not using Thesis theme.
Please make a backup of your function and css files before trying this change.
Below you can see an example of how you can make the category boxes look like. These boxes will be displayed at the after your content, but you could change the hook and display it anywhere you like.

Homepage Teaser Category Posts
Please note that the css styling from the above image is different to the one in the download file. So yours will not look identical in the colours being used, but you can make it blend in with your website.
You could also see some of my other Thesis tutorials that I have made available for download. There are a few already for you to try out.
Things to note:
- You will have to change the category box headings. Changes must be made between the opening and closing of the h2 tags.
- You must change the category_name that will be used to query your database. It has to be the same as your categories you have created for your website.
- You can also change the number of posts to selected and displayed (look for showposts=)
- All the boxes are using the min-height and auto height styling. You can disable this by putting in the height dimensions.
You could alter the Thesis function to display the category boxes on all posts and pages. To do this you will have to remove the if statement at the top of the function. You will also have to remove the last curly bracket at the end of the function.
Download:
Thesis Tutorial - Display Specific Category Posts on Homepage
The download was made available on 24 February 2010 and is in zip format. The file size is 1.31 KB and has currently been downloaded 375 times.
Download the zipped file and get it working on your site in less than 5 minutes. You might have to play around with the formatting if you would like to enhance it a bit more, the choice is yours in the end.
Final Thought
So, this Thesis tutorial was very easy to accomplish and I hope it was easy for you too. Did you add this on your website? Would you? I would like to hear back from you all, all comments welcomed.
I am the proud owner of Serradinho.com and have made this my second home. I'm into blogging, downloads, WordPress, meeting and helping others, etc. Basically the internet in general :) Serradinho Web Services is my own company whereby I offer my services to clients. This ranges from web design, website upgrades, theme customizations, support, premium WordPress plugins and many more .....
View all posts by George Serradinho, there might be other posts that interest you.







{ 20 comments }
currently try to implement it to my design, it not thesis though so need little more hacking and stuff.. i love the way webdesignerdepot showing it popular post and active discussion, really neat and blend well.
@izzat aziz – I had a look and it’s not hard to do what webdesignerdepot has done. You can use a plugin to show popular posts with thumbnail image or even a custom image. Let me know if you are interested in something like that.
Thats a Great Tutorial, keep sharing these tutorials George. Thanks
.-= SmashinGeeks´s last blog ..20 Directories Where You Can Submit Your Own Wordpress Theme =-.
Great tutorial. I’ve incorporated lots of your ideas into my site. Does this tutorial allow me to display the box somewhere in between the teasers (like your homepage). Looking to do this.
@Ian – I just had a look at your website and it’s very impressive. I liked a few things.
So, you want to add it on the homepage like me? mmmmmmm, let me think about it. I will email you the function sometime, just a bit busy now.
Email me the function pls, i did but it didt appear like your home page. Tks!
.-= Minh´s last blog ..Mặt trái của Domain miễn phí như CO.CC hay .TK =-.
@Minh – if you read my post properly, then you will notice that I say it’s not the same as my blog.
Hi George, thanks. What I really want to do is insert banner ads in these places, it would be great if you could help
.-= Ian´s last blog ..Labour mass immigration policy for social change =-.
@Ian – I will email you the details, I’m sure you are familiar with html so it should be easy.
not sure that I’m ready for a new theme yet. I am still working on building my blog.
.-= Palabuzz´s last blog ..Agua Bendita Kid? =-.
I’m not using Thesis…But I’m sure a lot of Thesis users will like this =)
You are thesis freak (or call genius). I was waiting for this tutorial. Hope you will release the addion (sidebar stuff) tutorial as well. Going to release my new theme soon. I will try to cover your this tutorial in my release.
.-= Ricky´s last blog ..Download Peer to Peer (P2P) Files Faster With Download Acceleration Tool =-.
Offtopic: BTW the shadow effect is looking cool. Keep up the good work.I also like this footer.
.-= Ricky´s last blog ..Download Peer to Peer (P2P) Files Faster With Download Acceleration Tool =-.
@Ricky – thanks man, I checked it out and then tried it and I also like the effect. Good luck with the new theme.
Nice one man, thanks for sharing this. I will not do this on my blog as it was optimized by Alex already
.-= Tinh´s last blog ..[Thesis Tutorials] How To Fix Blogussion Inspired Sidebar Widget Bug =-.
Hi,
How you are getting same size images in your home page ?They are aligned very beautifully. If you don’t mind can you please share that ?
Tank you
.-= sailu´s last blog ..Zee to buy 9x for 70 crores? =-.
@sailu – I have created my images all having the same size height and width. I would take the images and then resize them to my specific dimensions (height and width) and then upload them and reference the url.
Thanks for the code. Is it possible to add an thumbnail to each post (i.e. take the first image from the post and add the thumbnail next to the title)?
@Nicole – yes it is possible. You could use the first image or even a custom field that you enter. Would you like me to help you out? If yes, then please use my contact page and let me know.
I sent it via your contact page but it isn’t clear if it went through or not.
Comments on this entry are closed.