Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

Link a Photo to a Website in WordPress

How to Link a Photo to a Website in WordPress

by Waseem Abbas on May 6, 2016

Do you want to add links to your photos in WordPress? Sometimes you may want to link a photo to a blog post, or a reference from another website. In this article, we will share how to link a photo to a website in WordPress.

Adding a Link to Your Photo

First thing you need to do is add your image to a page or post (check out our guide on how to add photos in WordPress or simply follow the steps below).

To add an image from the post or page edit screen, click on the Add Media button (right above the editor).

Add Media Button

You can select an image from previously uploaded photos. If you want to upload a new image, then drag and drop it to your screen as shown below.

Drag and Drop Photo

(By default, the maximum upload file size is 2 MB. If your image is larger than 2 MB, then you should check out our post on how to upload large images in WordPress.)

After uploading your image, fill out the Title and Alt Text fields. You can also set the Alignment and the Size for your photo.

Image Settings

In the Link To dropdown menu, you need to select Custom URL. A new field will appear where you can add the URL you want to link your photo to.

Add Link

Once you’ve entered the URL, go ahead and press the Insert into post button.

Insert into post

That’s it! Your photo will be added to the page or post with a link to the specified website.

Adding Links to Photos in an Image Gallery

If you’re a photographer, you probably use image galleries to group photos and organize them in WordPress.

If you use the Envira Gallery WordPress plugin for your image galleries, you can easily add links to your photos.

To start with, you’ll need to install and activate the Envira Gallery WordPress plugin.

Then go to Envira Gallery » Add New from your WordPress admin sidebar at the left-hand side.

Image Gallery

In the Native Envira Gallery section, drag and drop the photos that you want to add to your image gallery.

Drag and Drop Photos

Now you can see your photos in the Images section. Go ahead and click on the pencil icon on the image that you want to link to a website.

Modify Image

This will open up a dialog box to edit the metadata for your image.

You can add Alt Text and other details for your image. In the URL field, add the link to the website that you want to link your image to.

Add Link to Image in Gallery

Once you’re done, click on the Save Metadata button.

If you need to add links to a lot of images, you can use the ‘<' and '>‘ to add metadata to each of your photos in the photo gallery.

Next Photo

After adding all your links, remember to hit the Publish button to save your changes.

Publish Gallery

A new widget will appear in the sidebar at the right-hand side named Envira Gallery Code. It has the shortcode and some other useful information about adding the image gallery to your page or post. Copy this shortcode to use in the next step.

Shortcode Information

Now, go to Posts or Pages, and edit the post or page where you want to add the image gallery.

Simply paste the shortcode into the editor where you want your gallery to appear.

Add Shortcode

After adding the shortcode, make sure to click on the Update button.

That’s it. Your photo gallery with links is now live on your site!

We hope this article has helped you to learn how to link a photo to a website in WordPress. You may also want to check out our guide on how to create an image widget in WordPress.

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Comments

    1. Hello Israel, thanks for reaching out. It would be great if you create a support ticket for this issue. Our team usually respond to support inquiries faster than blog comments, so feel free to reach us anytime. We will do our best to help you. 🙂

        1. Hey Lionel, feel free to write your problem to our support team on the above link. They will solve this issue for you. 🙂

  1. I have the same problem. It would save us a lot of trouble and time submitting to your support team if you would just post the answer here.

  2. I am having the same problem. I am following the directions but the link does not work. Could you please just answer the question here? I

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.