Hello,
I am currently customising a wordpress theme. I am stetting up some sort of real-state lettings service. So all my posts start with an image, which is followed by a picture gallery. Here is an example
<a href="/index.php/10B456"><img class="alignnone size-medium wp-image-30" title="1 Bedroom Studio Flat, NYC" src="http://www.mysite.net/wp-content/uploads/10B456.jpg" alt="" width="300" height="150" /></a>
<!--more-->
<!--noteaser-->
[gallery]
Description Text
a) The first line (the tag) shows the image for that post at the front page of my site. Clicking on that image would bring the full post.
b) The next tag <!--more--> makes sure that nothing after the tag is shown at the front page, only when reading the full post.
c) The <!--noteaser--> makes sure that everything before the <!--more--> tag (that is, the image at the front page is not repeated when seeing the post page.
d) The [gallery] short-code shows the picture gallery for that property.
e) The description text is the description of the property (e.g.: This nicely located 1 bedroom flat has been recently refurbished...)
Now, what I would like to do, is that for my front-page, I could have my posts not occupying an entire horizontal space. Instead I would like to have some sort of table (or divs, whatever) which could show, say, 3 or 4 click-able pictures (i.e.: columns) per row, each representing an individual post. By clicking on a picture would take the user to the post which gives further details about that property. In sum, pretty much what I have now but instead of one post per row, I would like to have 3 to 4 columns per row, where each post teaser (which is just a picture, would be shown at a given column.
Any help is greatly appreciate.
Regards,
P.