How to Add Custom Links to Gallery Images in WordPress

Adding URLs to gallery images helps visitors learn more about the products, images and photos in the gallery, leading to more conversions and encouraging visitor interaction.

Why add links to gallery images in WordPress?

Use the gallery block to display a collection of images in a beautiful layout, perfect for displaying your WooCommerce Products, Features, Photosetc. By linking a gallery image to a page, post or external page, it allows visitors to learn more or take action, such as purchasing a product. This method not only keeps visitors engaged but also increases conversions. Additionally, affiliate links can be added to stock images to earn more revenue.

图片[1]-如何在 WordPress 中为图库图像添加自定义链接-光子波动网 | WordPress教程、Elementor教程与故障修复

Here are two ways to add custom links to gallery images in WordPress:

Method 1: Use the built-in Insert Link button (no plugin required)

It is possible to link to any page or post on your WordPress site using the row of buttons displayed above each image in the gallery block. This method is quick and easy and does not require any additional plugins. However, this method cannot link to external pages.

The steps are as follows:

1.Creating Gallery Blocks::

  • Go to you.Want to create a gallerytabsFace or PostClick on "+" buttonThe
  • Enter "image archive" and select the correct block.
图片[2]-如何在 WordPress 中为图库图像添加自定义链接-光子波动网 | WordPress教程、Elementor教程与故障修复
  • To add an image: click "media library"or"Uploading files" option, select the image to be added.
  • After selecting the image, click "Create a new gallery", then click on "Insert gallery"The
图片[3]-如何在 WordPress 中为图库图像添加自定义链接-光子波动网 | WordPress教程、Elementor教程与故障修复

2.Add link::

  • Click the image to which you want to add a link.
  • In the toolbar, click "Insert link"Button.
图片[4]-如何在 WordPress 中为图库图像添加自定义链接-光子波动网 | WordPress教程、Elementor教程与故障修复
  • Enter the name of the page or post you want to link to, and when the correct link appears, click it.
图片[5]-如何在 WordPress 中为图库图像添加自定义链接-光子波动网 | WordPress教程、Elementor教程与故障修复
  • If you want to open the link in a new tab, click on the small down arrow to enable the "Open in new tab" slider.
图片[6]-如何在 WordPress 中为图库图像添加自定义链接-光子波动网 | WordPress教程、Elementor教程与故障修复

3.Publish or update::

  • After completing all settings, click"Release."Or."update" to make the changes effective.
图片[7]-如何在 WordPress 中为图库图像添加自定义链接-光子波动网 | WordPress教程、Elementor教程与故障修复

    Method 2: Use the "Gallery Custom Link" plugin (suitable for reusing images)

    If you want to link to an external page or website, you can use the "Gallery Custom Links" plugin. This free plugin allows you to add links to images directly in your media library, and is suitable for situations where the same images and links are reused in multiple locations.

    The steps are as follows:

    1,Install and activate the plugin::

    • Install and activate "Gallery Custom Links"Plugins.

    2,Creating Gallery Blocks::

    • Go to the page or post where you want to create the gallery.Click on the "+" buttonThe
    • Enter "image archive" and select the correct block.
    图片[8]-如何在 WordPress 中为图库图像添加自定义链接-光子波动网 | WordPress教程、Elementor教程与故障修复
    • Click on the "Media Library" button and select the image you want to add.

    3,Add link::

    • In the right-hand menu, find "Link URL"Settings.
    图片[9]-如何在 WordPress 中为图库图像添加自定义链接-光子波动网 | WordPress教程、Elementor教程与故障修复
    • Enter the URL to link to.
    • Use"Linking Objectives"The drop-down list selects whether the link opens in a new tab or the current tab.

    4,Publish or update::

    • After completing the settings, click "Create a new gallery".
    图片[10]-如何在 WordPress 中为图库图像添加自定义链接-光子波动网 | WordPress教程、Elementor教程与故障修复
    • Click "update"or"post"To bring the gallery online.

      summarize

      With these two methods, it's easy to add custom links to your gallery images in WordPress to enhance your website's interactivity and user experience. Whether you need to link to an internal page or an external website, these methods will meet your needs and help you better showcase and promote your content.


      Contact Us
      Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
      Customer Service
      Customer Service
      Tel: 020-2206-9892
      QQ咨询:1025174874
      (iii) E-mail: [email protected]
      Working hours: Monday to Friday, 9:30-18:30, holidays off
      © Reprint statement
      This article was written by Harry
      THE END
      If you like it, support it.
      kudos0 share (joys, benefits, privileges etc) with others
      commentaries sofa-buying

      Please log in to post a comment

        No comments