Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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,080 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,080 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.