Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Richard Tinkler
Richard Tinkler
2,455 Points

Searching for the perfect responsive grid plugin!

I'm new to Wordpress and have already learnt a lot from the Treehouse WP basics and theme development tracks. So much so that I've accepted a new project from an architect's office in Austria :)

The project is almost finished and is looking pretty good, but I'm still trying to perfect the gallery which is used to display thumbnails of new projects.

I've found a great Plugin called WP Tiles from Mike Martel (https://wordpress.org/plugins/wp-tiles/) which ALMOST does the job! The best thing about it is that it allows the user to define the grid layout him/herself. The user can then fill the grid with pages/post/custom post types using short codes or template tags.

A big plus is that the plugin is responsive, so the user defined grids adjust automatically to screen/device size.

There is, HOWEVER, one downside to the plugin. The grid is only displayed using squared tiles. Unfortunately, the graphic designer for this project wants the tiles to be rectangular instead of square (see here for an example http://www.greensenseweb.info/wptilesproblem.jpg).

I've had no response so far from the plugin developer and searching the web hasn't come up with any gallery alternatives where the user is able to define the grid layout him/herself and provides template tags so I can fill the grid with custom post types.

So I'm hoping someone can help me either:

  1. find an alternative plugin which covers all my needs or
  2. find a way to make WP Tiles display in rectangle instead of squares!

Thanks in advance for any help :)

Jeremy Castanza
Jeremy Castanza
12,081 Points

You're probably better off going with Option 2 - making them rectangular yourself. Finding the "perfect" plugin is much like looking for a needle in a haystack. You should be able to modify the gallery element by targeting the specific class and using CSS combined with the appropriate media query. If this is foreign to you, I recommend taking a Treehouse course on HTML and CSS, it's a great foundation if you plan on doing WP development.

I use this plugin also.

Although it's tedious what I ended up doing (to get rectangular images to show) is to cut them up into squares and align them in a grid with a configuration like:

A A B B C C

D D E E F F

Of course you could always try Jeremy's solution

(it would have been nice if he had posted a css sample)

or hack the php for the plugin itself.

Both seem like a non-trivial amount of work.


Hopefully you read this support statement from this plug-ins author:

https://wordpress.org/support/topic/read-me-first-1

Jeremy Castanza
Jeremy Castanza
12,081 Points

James, I'd be happy to provide a code sample. Please provide me with a link to a site that has the plugin installed.