Support » Plugin: Meow Gallery (+ Gallery Block) » create meow gallery from list of image ids

  • Resolved unabashedgeek

    (@unabashedgeek)


    I tried using the Modula plugin and want to convert to meow. Modula does not use a standard gallery shortcode, but it does show the image ids that I originally selected.

    I think it would be difficult (for me) to recreate a gallery by visually searching thumbnails, particularly because I’m only shown a square image. However, noting, and then typing in 5 to 20 image ids would not be hard. Tedious, but not hard.

    I have tested adding a shortcode block and then typing a manually created gallery shortcode inside. It works. However, I feel that all of the information on each image is being generated and regenerated every time it’s used. I’m looking for a way to create a fully populated meow block, starting with image ids. Does this exist? Alternatively, am I worrying unnecessarily about the lack of image info?

    Thanks! I love the combination of your gallery and lightbox, this is the only impediment to jumping in with both feet!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jordy Meow

    (@tigroumeow)

    Hi,

    I am not sure what the problem exactly is when you say:

    I’m looking for a way to create a fully populated meow block, starting with image ids.

    If you are using Gutenberg (maybe you do?), maybe you could transform your Modula Block back in to the standard Gallery Block an from there going to the Meow Library 🙂

    Thread Starter unabashedgeek

    (@unabashedgeek)

    I am using Gutenberg. I don’t think Modula has an option to transform back to standard. They are not as friendly as Meow in that respect. (Thank you, that’s a big part of why I’m transferring.)

    Here’s a test post showing what I mean. The first gallery has a lot of information about the images, including source sets – that’s what I meant by fully populated. The second and third one do not, but all three create the same output, although the third (an experiment) gives an error in visual edit.

    It’s fairly easy to type in the short code, much harder to re-find all the images and create the gallery by selecting images.

    <!-- wp:heading -->
    <h2>Using meow gallery block</h2>
    <!-- /wp:heading -->
    
    <!-- wp:meow-gallery/gallery {"images":[{"alt":"Birds on a suet feeder","id":998,"link":"https://unabashedgeek.ca/14-may-20-11-05-50-z50-023/","url":"https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-05-50-Z50-023.jpg","caption":"Baltimore Oriole"},{"alt":"Birds on a suet feeder","id":1000,"link":"https://unabashedgeek.ca/14-may-20-11-13-07-z50-033/","url":"https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-13-07-Z50-033.jpg","caption":"Baltimore Oriole and a woodpecker "}],"htmlPreview":"\u003cdiv class='mgl-masonry-container'\u003e\u003cstyle\u003e\t.mgl-masonry {\t\tdisplay: block;\t}\t#mgl-gallery-60ba6807ecec6 {\t\tcolumn-count: 3;\t\tmargin: -5px;\t}\t#mgl-gallery-60ba6807ecec6 .mgl-item {\t\tpadding: 5px;\t}\t#mgl-gallery-60ba6807ecec6 figcaption {\t\tpadding: 5px;\t}\t@media screen and (max-width: 800px) {\t\t#mgl-gallery-60ba6807ecec6 {\t\t\tcolumn-count: 2;\t\t}\t}\t@media screen and (max-width: 600px) {\t\t#mgl-gallery-60ba6807ecec6 {\t\t\tcolumn-count: 1;\t\t}\t}\u003c/style\u003e\u003cdiv id='mgl-gallery-60ba6807ecec6' class='mgl-gallery mgl-masonry is-animated fade-in captions-on-hover' style=''\u003e\u003cfigure class=\u0022mgl-item\u0022\u003e\n\t\u003cdiv class=\u0022mgl-icon\u0022\u003e\n\t\t\u003cdiv class=\u0022mgl-img-container\u0022\u003e\n\t\t\t\t\t\t\t\u003cimg width=\u0022825\u0022 height=\u0022550\u0022 src=\u0022https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-05-50-Z50-023-825x550.jpg\u0022 class=\u0022wp-image-998\u0022 alt=\u0022Birds on a suet feeder\u0022 loading=\u0022lazy\u0022 srcset=\u0022https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-05-50-Z50-023-825x550.jpg 825w, https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-05-50-Z50-023-400x267.jpg 400w, https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-05-50-Z50-023-297x198.jpg 297w, https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-05-50-Z50-023.jpg 1260w\u0022 sizes=\u0022(max-width: 825px) 25vw, 825px\u0022 /\u003e\t\t\t\t\t\u003c/div\u003e\n\t\u003c/div\u003e\n\t\t\u003cfigcaption class=\u0022mgl-caption\u0022\u003e\n\t\t\t\u003cp\u003eBaltimore Oriole\u003c/p\u003e\n\t\u003c/figcaption\u003e\n\t\u003c/figure\u003e\n\u003cfigure class=\u0022mgl-item\u0022\u003e\n\t\u003cdiv class=\u0022mgl-icon\u0022\u003e\n\t\t\u003cdiv class=\u0022mgl-img-container\u0022\u003e\n\t\t\t\t\t\t\t\u003cimg width=\u0022367\u0022 height=\u0022550\u0022 src=\u0022https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-13-07-Z50-033-825x1238.jpg\u0022 class=\u0022wp-image-1000\u0022 alt=\u0022Birds on a suet feeder\u0022 loading=\u0022lazy\u0022 srcset=\u0022https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-13-07-Z50-033-825x1238.jpg 825w, https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-13-07-Z50-033-400x600.jpg 400w, https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-13-07-Z50-033-297x446.jpg 297w, https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-13-07-Z50-033-367x550.jpg 367w, https://unabashedgeek.ca/wp-content/uploads/2020/07/14-May-20-11-13-07-Z50-033.jpg 840w\u0022 sizes=\u0022(max-width: 367px) 25vw, 367px\u0022 /\u003e\t\t\t\t\t\u003c/div\u003e\n\t\u003c/div\u003e\n\t\t\u003cfigcaption class=\u0022mgl-caption\u0022\u003e\n\t\t\t\u003cp\u003eBaltimore Oriole and a woodpecker \u003c/p\u003e\n\t\u003c/figcaption\u003e\n\t\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e"} -->
    [gallery ids="998,1000"][/gallery]
    <!-- /wp:meow-gallery/gallery -->
    
    <!-- wp:heading -->
    <h2>Shortcode in a shortcode block</h2>
    <!-- /wp:heading -->
    
    <!-- wp:shortcode -->
    [gallery ids="998,1000" link="media"][/gallery]
    <!-- /wp:shortcode -->
    
    <!-- wp:heading -->
    <h2>Shortcode inside a meow gallery tag</h2>
    <!-- /wp:heading -->
    
    <!-- wp:meow-gallery/gallery -->
    [gallery ids="998,1000"][/gallery]
    <!-- /wp:meow-gallery/gallery -->

    So again, my question is: am I losing out on performance using “just” a shortcode instead of creating what I called a fully populated block. Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘create meow gallery from list of image ids’ is closed to new replies.