Theme Lab Forums » Theme Support

1. in2sky
   Member

   Hi,

   Recently I've been searching for forums, wordpress website and so on.
   It's about how a post on a blog appears, how it's layed out in the homepage
   and then how it's different once you click on it and watch the full feature.

   Found below 3 examples of what I'm talking about:
   http://slamxhype.com
   http://hypebeast.com
   http://www.freshnessmag.com

   My question is how to modify a temple to do this. Of course there's going
   to be CSS involved, but what else, plugins? See how on Freshness, the image
   on the homepage is cropped, then when you read the full story you get the original
   size and shape.

   Basicly, how to:

   - Layout your post preview on the homepage, with a fixed sized image
   on the left then title, info and first few lines on the right

   - Limit the size of the text on the preview and put a button "read more"
   instead of using Wordpress's own "read more" tag that you must apply manually
   when creating your post.

   - Layout the full story with a different CSS than the preview.
   See how on Slamxhype.com they have a rollover black on the preview page (homepage)
   then the full story has a different CSS.

   - How to have the pereview image sized and cropped to a certain size
   then full size on the post.

   Let's talk about this, I'm sure it'd benefit alot of designers out there.

   Thanks.

   Posted 9 months ago #

2. Leland
   Key Master

   You can do this with WordPress' template hierarchy. As in, one template can be used for the main index, and another template can be used for single blog posts. Here's some more info:

   http://codex.wordpress.org/Template_Hierarchy
   http://wphacks.com/how-to-hack-wordpress-theme-template-pages/
   http://www.themelab.com/2008/04/04/the-ultimate-guide-to-the-wordpress-loop/

   Posted 9 months ago #

3. in2sky
   Member

   Thank you very much, I'll dig into those links!

   Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.