Vigyata.AI
Is this your channel?

How to Add a Link to An Image in A WordPress Gallery Block Using Gutenberg Editor?

3.4K viewsยท 40 likesยท 4:32ยท Jan 15, 2021

๐Ÿ›๏ธ Products Mentioned (16)

In this video, I show you how to add a link to an image in the gallery module on the Gutenberg editor. See more on ๐™ˆ๐™” ๐˜ฝ๐™‡๐™Š๐™‚ ๐Ÿ‘‰ https://yerainabreu.com/blog/how-to-add-a-links-to-gallery-block/. Please let me know if this video helped you by leaving a ๐˜พ๐™Š๐™ˆ๐™ˆ๐™€๐™‰๐™ ๐Ÿ‘ ๐™Ž๐™๐˜ฝ๐™Ž๐˜พ๐™๐™„๐˜ฝ๐™€ to my channel by clicking this link ๐Ÿ‘‰ https://www.youtube.com/yerainabreu?sub_confirmation=1. If you liked this video, please give it a ๐™‡๐™„๐™†๐™€ and ๐™Ž๐™ƒ๐˜ผ๐™๐™€ with friends! Read more below. ๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡ ScaleNut is the best SEO AI tool I have tested (and I tested a ton!) See the link below! โœ… https://www.scalenut.com/?via=yerain15 Click up is by far the best project management tool I have used: โœ… https://clickup.com?fp_ref=yerain99 I use SiteGround hosting for all my websites! I highly recommend them: โœ… https://www.siteground.com/go/yerainabreuย  I use RankMath for all my SEO. Consider purchasing rank math using my link: โœ… https://rankmath.com/?ref=nicheeggmarketingย  Interested in building a website? Divi is my go-to page builder. Check it out here: โœ… https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=60605 โ€” ๐—š ๐—˜ ๐—” ๐—ฅ โ€” ๐Ÿ‘‰ Microphone: Audio-Technica ATR-6550: https://amzn.to/3HNtJGcย  ๐Ÿ‘‰ Computer: MacBook Pro 16 Inch: https://amzn.to/34GLcSaย  ๐Ÿ‘‰ Padcaster Parrot Teleprompter: https://amzn.to/3gF0yt5ย  ๐Ÿ‘‰ Elgato Auxiliary Holding Arm https://amzn.to/3sxTZ0Vย  ๐Ÿ‘‰ Lighting: Viltrox VL-300T https://amzn.to/3jorhJ7ย  ๐Ÿ‘‰ Camera: Sony ZV1: https://amzn.to/3uKNUkd ๐Ÿ‘‰ Desk Mount Clamp: https://amzn.to/3Js9garย  ๐Ÿ‘‰ Camera Tripod: https://amzn.to/2TpdUxIย  โ–ธ Editing Software: Premiere Pro CC 2022 ย  โ–ธ Screen Recording Software: Quicktimeย  โ€” ๐—– ๐—ข ๐—ก ๐—ก ๐—˜ ๐—– ๐—ง โ€” โ–ธ https://instagram.com/yerainabreuย  โ–ธ https://facebook.com/yerainabreuย  โ–ธ https://dribbble.com/yerainabreu โ–ธ https://tiktok.com/@yerainabreuย  โ–ธ https://twitter.com/yerainabreuย  โ–ธ https://yerainabreu.comย  If you've read this far down the description, I want to sincerely thank you for checking out my videos. โ€” ๐—ง ๐—ฅ ๐—”๐—ก ๐—ฆ ๐—– ๐—ฅ ๐—œ ๐—ฃ ๐—ง ๐—œ ๐—ข ๐—ก โ€” If youโ€™re using the gallery block in Gutenberg, you want the gallery to open up a new tab or link. Youโ€™re out of luck because it canโ€™t do that. I want to click on that for these image images or the entire block to go to a particular page more. Now, you can do that very easily with regular image blocks. But how do you do that with the gallery? This is something that I was having a lot of trouble with, but I needed to do work. So I found a couple of workarounds, and this is how I did it. Now I found this plugin called Gallery Custom Links, and itโ€™s supposed to be able to do exactly what Iโ€™m looking to do, which is to open the gallery in a new tab and go to a new page. So I just downloaded it. Now Iโ€™m going to drag it to my desktop so I can upload it to the website. Letโ€™s go to plugins, and add a new book plugin. So now success. All right, so now weโ€™ll see. This popped up in our apps. We donโ€™t have to do anything with this because the plugin works right out of the box in the dashboard. I donโ€™t see anything. And then, when you click Custom Links, a few settings say it works out of the box. Well, we also need to go to the media library and add some links to the images to want to open. So you see this comparison. So Iโ€™m going to do a little pretest and scroll down, and here youโ€™ll see this link URL. So what I want is to open a new page. I want to open up, letโ€™s say, right, and I donโ€™t need to do anything. Iโ€™m just going to close out, and it should save itself. So if you click on it again, it will show you that scroll down, and it says Google that something close. And on this one, I want you to link out somewhere else. So letโ€™s say to go, and Iโ€™ll keep it on the same page so we can test that out. And then for this one, I want it to go somewhere like, okay, cool. So now that Iโ€™m done there, I should be able to go right back here, refresh the page, click on these items, and letโ€™s see what happens. So I click on this guy. Nothing in the cache, and look at that. It goes to Amazon in the gallery. So now, when we click on this bottle, itโ€™ll take us to Target. And finally, this bottle of Campari is going to take us. Itโ€™s going to take us to Google just like we want it. So, that is how you add custom links to specific images in your gallery blocks on WordPress Gutenberg. *Read the full transcript on my blog https://yerainabreu.com/blog/how-to-add-a-links-to-gallery-block/ โ€” ๐—ง ๐—” ๐—š ๐—ฆ โ€” #webdevelopment #webdesign #webdeveloper #html #website #css #digitalmarketing #programming #coding #javascript #seo #websitedesign #webdesigner #developer #programmer #web #marketing #wordpress #python #coder #ecommerce #design #php #code #software #softwaredeveloper #business #graphicdesign

๐ŸŽฌ More from ๐Ÿ‘‹ Yerain Abreu - SEO & Digital Marketing