responsive grid shortcode?

  • Resolved blueoaks

    (@blueoaks)


    9 years, 11 months ago

    Hello.
    I am so glad to have found your plugin. It elegantly solves a problem I’ve been working on for days without success.

    I now have my grid working like I want it, save for the fact that it does not appear to be responsive. I was expecting the thumbnails to resize down as the browser window shrinks, like the native WP gallery thumbnails do in my theme (which is responsive).

    Is there something I can add to my shortcode to make the grid (and the position of the captions relative to the thumbnails) responsive?

    Here is one of my current shortcode examples:

    [thumbnailgrid cat=’136′ posts_per_page=’999′ aligngrid=’center’ order=’ASC’ wraptext=’TRUE’ captionheight=’50px’ width=’250px’ height=’167px’ settings=”autoresize:fit”]

    I was hoping the ‘autoresize:fit’ would do it since this works for embedded videos on my site, but it does not appear to have any effect. (If I remove the height and width parameters the thumbnails shrink down to 150×100 even though in Settings -> Media I have them set larger. Not sure why.)

    thanks

    https://www.ads-software.com/plugins/thumbnail-grid/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author A. Jones

    (@nomadcoder)

    Hello,

    autoresize:fit is a video specific setting, I believe.

    The plugin is not responsive. You can make the grid responsive by editing the style sheet or by using a custom css editor. I’ll look into a way of automating this, and create an example. The next release should make this much easier. In general, I believe that it is up to designers to control responsiveness! ??

    When you upload images to wordpress, they get uploaded in a few different formats, the default format is “thumbnail”. Check out this support thread for more info:

    https://www.ads-software.com/support/topic/thumbnails-imgs-are-stretched?replies=3

    And, the following is excerpted from the wordpress codex instructions:
    https://codex.www.ads-software.com/Inserting_Images_into_Posts_and_Pages

    The Size settings determine the size of the image you are adding to your site. By default WordPress creates a range of four image size for you to choose from:

    Thumbnail: Displays a small thumbnail-sized version of your image on the page/post. Note, by default the Thumbnail size is a square, so some cropping of your original image may occur.
    Medium: Displays a medium-sized version of your image on the page/post. This is a good size to use with Left/Right alignments, as it leaves sufficient space for legible text to either side.
    Large: Displays a large-sized version of your image on the page/post. Note: WordPress will determine the width of the content column of your theme, and display the largest possible image for that space.
    Full Size: Displays a full-sized version of your image on the page/post. Note: WordPress will determine the width of the content column of your theme, and display the largest possible image for that space. If your original image is larger than this column width, the full size of the image may not be displayed.

    Plugin Author A. Jones

    (@nomadcoder)

    As a developer, I think that how to implement responsiveness is up to the designer. I did put together a pretty simple example of how to make the grid thumbnails resize responsively.

    https://www.shooflysolutions.com/blog/2015/04/17/making-the-thumbnail-grid-responsive-a-simple-example/

    russclem

    (@russclem)

    Hi there, I’m interested in this too, but it looks like your article is no longer there?

    Do you have a working link?

    Many thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘responsive grid shortcode?’ is closed to new replies.