Build Your Own Business Website header image

Welcome to our Members Only Forum

You are welcome to view the content on our Forum, just scroll down to view this forum post.
If you like what you find and want to be able to post a question, please check out our subscription options.
Please feel free to search the forum using either the Google Site Search above or the forum search below.

Avatar
Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed sp_TopicIcon
Advice regarding site layout
Avatar
David J Egan
Member
Members
Forum Posts: 12
Member Since:
March 28, 2013
sp_UserOfflineSmall Offline
1
April 29, 2013 - 9:43 am
sp_Permalink sp_Print

Hi,

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.

Thanks,

David

 

Image Enlarger

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
2
May 1, 2013 - 2:11 pm
sp_Permalink sp_Print

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?

Avatar
David J Egan
Member
Members
Forum Posts: 12
Member Since:
March 28, 2013
sp_UserOfflineSmall Offline
3
May 2, 2013 - 1:30 am
sp_Permalink sp_Print

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?

Thanks again,

David

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

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
4
May 2, 2013 - 3:01 pm
sp_Permalink sp_Print

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.

Forum Timezone: America/Los_Angeles

Most Users Ever Online: 228

Currently Online:
79 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Keith W Jones: 1441

Brian Tozer: 1004

Carolin: 984

Heidi Hafner: 509

John Cunningham: 423

Reece Morrel: 353

Newest Members:

soundpilot

digitalaerolus

emma62755

sharonmarks

emma80233

Tijs de Jong

Forum Stats:

Groups: 8

Forums: 46

Topics: 7003

Posts: 34845

 

Member Stats:

Guest Posters: 6

Members: 6763

Moderators: 2

Admins: 2

Administrators: Rick Anderson, Rick Anderson

Moderators: Pierre Cote, Laura Nugent