How do I add a link to an image in WordPress?
You have uploaded an image to your blog post now you want to know how to add a link to an image in WordPress. I use the new Gutenberg WordPress editor, therefore my tutorial will be using Gutenberg. This new editor makes it super easy to add links to your pictures.
How do I add links to my images?
First, upload your image to your blog post or page. After the image appears in your post, click on the image. When you click on the image, a set of options will appear on the right-hand side of your editor. One of those options is titled ‘link settings’, underneath ‘link to’ is a drop-down menu, click on that to open more options. In the drop-down menu, you have ‘Media file’, ‘Attachment page’, and ‘Custom URL.’ Select ‘Custom URL’ and paste your link in the box. Now you have added a link to your image.
How to add a link to an image video tutorial
Let’s do that step by step.
- Upload your image to your WordPress blog post
- Adding a link to an image
- Publish your post and test your link
- Conclusion
Upload your image to your WordPress blog post
First, let’s upload an image to our blog post. I have created an example blog post, I will upload an image to this post.
To upload an image in Gutenberg, you click on the plus icon.
Like this.
After you click on the plus icon, you get this popup menu. The most used blocks will show here. I can see ‘Image’ in the popup if you don’t see ‘Image’, type image into the search box and it will appear.
I am going to click on ‘Image’. Now an ‘Image’ block will appear, like this.
To upload an image, you can select the ‘Upload’ link, or you can drag your image from your computer to this block.
Here is my uploaded image.
Adding a link to an image
First, click on the image that you want to add a link to. After you click on an image, image options will appear on the right-hand side of your editor screen.
Like this.
On the right, we have options to add ‘Alt text’, ‘Image size’, ‘Image dimensions’, and ‘Link settings.’ It is the option ‘Link settings’ we need. Click on the drop-down under ‘Link to’.
Like this.
Now, we have three options, ‘Media file’, ‘Attachment page’, and ‘Custom URL’. The option we need is ‘Custom URL’ when we click on that we get this.
I am going to add a link to my website homepage, www.newblogr.com, to do that, I paste my homepage URL into the ‘Link URL’ box on the right.
Like this.
Below the box you enter your destination URL, you have an option for the link to open in a new tab. If you want the link to open in the same tab, leave this setting in the default position, to change move to the right.
Publish your post and test your link
Once you have finished writing or updating your post, it is time to view your post.
This is my published post in a new browser tab.
To check if this image has a link, I hover my mouse over the image and if there is a link, the destination URL will appear in the bottom left of my screen.
Like this.
When I click on this image, I go to my website homepage.
That is how you add a link to an image in WordPress.
Conclusion
I love the new WordPress Gutenberg editor, it makes blogging tasks a lot easier.
The learning curve when you first use it is difficult, but when you come through that, it is a fantastic tool for blogging.
Adding a link to your images is a task that takes a couple of clicks. First, click on your image, then from the ‘Link to’ drop-down menu on the right select ‘Custom URL’. Paste your destination URL in this box. If you want this link to open in a new browser tab, don’t forget to slide the button to the right.
Update or publish your post, and your link is live.
All your images should have ‘Alt Text’ too, for SEO. To find out how to add this to your images, check out my ‘How do I add alt text to an image in WordPress?‘ post.
Comments
If you have any questions regarding this post, please ask them in the comments box below. I reply to everyone.
If you would like me to do another post about tasks in WordPress, leave me a comment.
I look forward to reading your questions and comments.
