unabashedgeek
Forum Replies Created
-
Forum: Plugins
In reply to: [Meow Gallery] Image as a link opens Meow when clickedThank you @decimus!
I became fixated on the gallery side and didn’t look into the lightbox. Once I investigated the link you provided, I was able to fix it quickly by adding the class “blog” to each image that was used as a link. (This is one of the anti-selector classes.) It might not be a totally appropriate class and I should probably add a new class to the anti-selector list, but it does the job for now.
Your help is much appreciated.
Forum: Plugins
In reply to: [Meow Gallery] Image as a link opens Meow when clickedEdit: I have updated the page to use blocks with a custom link on each image (or at least some of them)
I also discovered the meow “Gallery Custom Links” plugin which I installed and activated.
I am still getting the lightbox instead of going to the target of the link
Forum: Plugins
In reply to: [Meow Gallery] create meow gallery from list of image idsI 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.