March 28, 2013
I've been asked to build a responsive website to the design shown below. The images would be post images, and they would link to the relevant post. This represents a step up in terms of complexity for me (gulp!) so I'd welcome any advice from Rick or the community. Any suggestions on how I would lay out the site? Even broad suggestions would be useful at this stage.
November 8, 2009
I'm sorry about the delay in answering this. I've been travelling the last couple of days and had limited internet access.
I don't know of any reasonably easy way to automate this so I think you are going to need to do this with a series of query boxes and then my WP Featured Image box.
It looks to me like 2 rows of 2 columns, each column either having 1 full sized featured image or 2 small featured images.
I suppose if this needs to update with each new post you might be able to use 4 query boxes and use the offset property to specify which post or pair of posts to display.
What is the intended function? Are those images supposed to change when a new post is added?
March 28, 2013
Thanks for the response Rick
Yes, the idea is that the images change when a new post is added. The user should also be able to select which post images display on the home page - ideally using categories or tags rather than the sticky function, so that the same principle can be used on archive pages.
I didn't realise that multiple query boxes could be used in a template - I just assumed that they would each display "the loop". Adding an offset to multiple query boxes sounds interesting and opens up possibilities.
I'll download the WP featured image box and have a play with it. This might be a stupid question, but can I use CSS to set the Post Title to display superimposed on the picture - as in the original design image?
PS there is a chance that I will need to implement a similar design using the jQuery masonry plugin - WordPress has this plugin built in (found in /wp-includes/js/jquery ). I've been struggling to see how to implement this in Thesis 2 - I don't know where to enqueue the script, and I think I'm messing up the referencing. There are good online tutorials on implementing Masonry in WordPress but none that relate to Thesis 2. I posted a question on this in the forum and would really appreciate your thoughts - it might even make a good topic for a video? Cheers
November 8, 2009
Actually implementing masonry in Thesis 2 would make a great tutorial.
You don't really need to enqueue the script in Thesis 2. You could simply call the script in the template's head scripts section. Each template has a head scripts option where you would insert the script tag. It will then be called in that template (but no others).
In terms of the Query Box, you could easily specify the category or tag that would apply to that box.
My thought here was that you would have 4 Query Boxes. The first one shows one post and the large version of the featured image. The second one shows two posts with an offset of 1 and shows the medium size featured image. The 3rd again shows 2 posts and has an offset of 3 and the 4th shows 1 post with an offset of 5.
You would not then use the WPLoop box for that page. It would be entirely composed of query boxes.
Most Users Ever Online: 228
Currently Browsing this Page:
Keith W Jones: 1441
Brian Tozer: 1004
Heidi Hafner: 509
John Cunningham: 423
Reece Morrel: 353
Tijs de Jong
Guest Posters: 6
Administrators: Rick Anderson, Rick Anderson
Moderators: Pierre Cote, Laura Nugent