Masonry layout help needed - WordPress (cross-post)

[operapixie]

Hi there,
This is my first post in the JavaScript side of these forums. I think my issue involves both PHP and javascript, thus the cross-post.

I have a client who wants their articles laid out similarly to this page, but mainly with just the article image, date & article title. On our development side I've managed to get things set up as far as this. This is the grid layout the client wants for the articles:



My understanding is that I need to be using an array of columns in the php, and then have all the dimensions set up in javascript somehow. I've got the first row set up. But when I try to add the longer/narrower 2nd row grid, ALL the larger square images crop and then tile, instead of just the one row.

I am admittedly REALLY new to making custom PHP and javascript changes, so I'm sure this is a pretty easy thing for someone expert to handle. But I'm a good learner so if someone can send me in the right direction or something, I'm happy to run with it as best I can.

Thanks in advance.

~Laura

[xelawho]

Originally Posted by operapixie

This is the grid layout the client wants for the articles.

that's a broken link (for me at least).

is there some reason this is not a css question?

[operapixie]

I honestly don't know WHERE it belongs. As far as I can tell, the process involves PHP, CSS and Javascript.

I will fix the image link right now. My apologies. I think maybe the site where it resides requires a membership to view it that way.

[c1lonewolf]

magazine layout
You can also try searching for random image magazine layouts on google.

[VIPStephan]

Cross-posting is highly frowned upon (not just in this forum). I suggest to merge this thread with the other one in the PHP section.