Jump to content
Sign in to follow this  
caspersjan

Gridly shortcode

Recommended Posts

caspersjan    13
caspersjan

Dear Nick, I hope you are in good spirits and all the family is in good health. For a change a simple question: I can't figure out the GRIDLY shortcode. In the demo, it says this:

 

[gridly layout="13" lightbox="on"]
<img src="" data-highres="" alt="">
<img src="" data-highres="" alt="">
<img src="" data-highres="" alt="">
<img src="" data-highres="" alt="">
[/gridly]

 

At the danger of betraying my ignorance in these matters, what exactly do I enter between the [gridly layout="13" lightbox="on"] and [/gridly] brackets? Could you give me give an example with real-life Media Library file names? I am sure it is very simple, but yet again I need assistance.

 

 

Yours faithfully, Jan.

 

 

Share this post


Link to post
Share on other sites
beardedavenger    158
beardedavenger

Hi Jan,

This operates in the same way as you setup the section. 13. That's 1 image on the first row, 3 images on the last row, so you'll need 4 images. You have the shortcode correct. If you are having layout issues, take out the img breaks. So 

 

<img src=""><img src=""><img src=""> 

 

instead of

 

<img src="">

<img src="">

<img src="">

 

For data-highres="" you can put the same URL to the image, or you can use a larger size of the same image and link that there.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
caspersjan    13
caspersjan

Dear Nick, I think I am beginning to understand, but can't get it to work. This is what I have so far:

 

http://www.animatinglibraries.com/wordpress/?page_id=187

 

The layout is very clear, 13, 246, it is a very neat idea. I am struggling with the exact place to insert the images into the shortcode. Am I right in assuming that the image URL goes between the two inverted commas, i.e. normal resolution into img src="", high resolution into data-highres="", something else into alt="" (the latter I omitted)? I am trying to do this but nothing comes out, as you can see from the linked page above. I must still be doing something wrong. BA Shortcodes has me spoiled with easy to insert option...

 

In the visual editor my page looks like this:

 

[gridly layout="13" lightbox="on"]

<img src="http://www.animatinglibraries.com/wordpress/wp-content/uploads/2013/02/Accordion-STORYTELLING.jpg" data-highres="http://www.animatinglibraries.com/wordpress/wp-content/uploads/2013/02/Accordion-STORYTELLING.jpg" alt="">
<img src="http://www.animatinglibraries.com/wordpress/wp-content/uploads/2013/02/Accordion-STORYTELLING.jpg" data-highres="http://www.animatinglibraries.com/wordpress/wp-content/uploads/2013/02/Accordion-STORYTELLING.jpg" alt="">
<img src="http://www.animatinglibraries.com/wordpress/wp-content/uploads/2013/02/Accordion-STORYTELLING.jpg" data-highres="http://www.animatinglibraries.com/wordpress/wp-content/uploads/2013/02/Accordion-STORYTELLING.jpg" alt="">
<img src="http://www.animatinglibraries.com/wordpress/wp-content/uploads/2013/02/Accordion-STORYTELLING.jpg" data-highres="http://www.animatinglibraries.com/wordpress/wp-content/uploads/2013/02/Accordion-STORYTELLING.jpg" alt="">
[/gridly]

 

 

I hope you can make sense of all this and that perhaps the solution is easy. Thank you for your help.

 

Faithfully, Jan.

 

Share this post


Link to post
Share on other sites
beardedavenger    158
beardedavenger

That looks right. 

 

If you are having layout issues, take out the img breaks. So 

 

<img src=""><img src=""><img src=""> 

 

instead of

 

<img src="">

<img src="">

<img src="">


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
caspersjan    13
caspersjan

Dear Nick,

 

I worked it out, though I don't understand it completely. The shortcode must be entered in text editor - when the image URL is entered in the visual editor, it all just comes up as text in a grey box (see attachment SCREENGRAB Gridly Woes.tiff). It confused me because in other shortcodes, such as BAD ASS Styled Images, image URL is entered in visual editor. But then it is inside the square brackets, maybe that is the difference. Anyway, perhaps I should have known, and I did figure it out so all is good now. Gridly shines, in all its glory. A true delight!

 

The only thing that is still missing (for me) are the captions. I tried to enter them after the "alt" as I couldn't figure out what else that was good for:

 

alt="Animatic exercise"

 

But nothing comes up. Is there an easy way to include captions when using shortcodes? Let me know.

 

Once again, I am grateful for your patience (in looking after a customer) and your passion (in crafting elegant sections)!

 

Yours faithfully, Jan.

 

 

Share this post


Link to post
Share on other sites
caspersjan    13
caspersjan

P.S.: (One last observation: Playing with Gridly, I entered a portrait format image in a set of landscape formats. The image is cropped. Could it not just be there, with the same height as its neighbours? That would strike me as the most useful option. When all images are in portrait format, all is well again, but not always is everything matching...)

Share this post


Link to post
Share on other sites
caspersjan    13
caspersjan

P.P.S.: (Is there a maximum of five images per row? It doesn't seem to work with six images (e.g. 366 doesn't work while 455 works). That may well be to prevent things being to small, although six is a nice number, a half dozen. Not to worry, the world is going metric anyway. It might still be useful to mention this kind of thing in the documentation, as I for one am prone to presume that I am doing something wrong).

Share this post


Link to post
Share on other sites
beardedavenger    158
beardedavenger

Ya do not ever use the visual editor for shortcodes. No there is no limit, you just define the total in the layout.

 

12, is 3.

1 image on first row, 3 images on last row

 

35 is 7.

3 images on first row, 5 images on last row

 

66 is 12.

6 images in first row, 6 images on last row

 

For the caption, try just filling out the ALT tags.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • matt85
      By matt85
      Hi I purchased gridly for dms and dropped it in the sections folder. But the section does not show up in dms. It works perfectly with other sections for dms I bought but not with gridly. And yes, I unziped it =)

      .../themes/dms/sections/gridly/gridly.php
      .../themes/dms/sections/gridly/sections/gridly/... (rest of files)
    • erin-wsk
      By erin-wsk
      Hi, 
       
      I just purchased gridly and tried playing around with it on my local set-up. Everything is great until I update the layout. I'm sure I'm having a moment, but I'm adding the numbers in the layout box (ie, I have 6 photos so I'm adding 222 for three rows of two), publishing, and refreshing- then nothing. Ideas on what I'm doing wrong? Thanks! 
       
      (I've attached a screen shot since it's on my local set-up)
    • quinntinm
      By quinntinm
      Morning.
       
      I have just purchased Gridly but i seem to be a bit stuck.
      I am not sure how to add more images. I set the number of images to 10 in the dropdown provided on the page, but only the three original fields are displayed.
      I have refreshed, saved, edited, but to no avail - still the same three fields.
       
      Is there any additional documentation?
       
      Thanks.
       
       
    • webmktco
      By webmktco+
      Hi Nick,
       
      I'm having a few issues w/ this setup and would appreciate some assistance.
       
      Here's the page in reference- http://yon.prodentitedev.com/office-tour/.
       
      Ideally, I'd like for the Gridly to be inside the Content section, so I pasted this short code in the text editor in the page:
      http://paste.pagelines.com/9bo
       
       
      I also setup the Gridly section in the Page Option Setup to see if I could get the format/layout working properly (which I did).
       
      My question- If I want the Gridly in the Content section, then I'll have to use the short code, right?  If so, can the short code be customized like the Page Option Setup?
       
      Thanks!
       
       
×