Skip to content

How to Link Images to their Full Sizes on WordPress

By default, an image added to a post through the Image Block is not linked to anything. This is also the case for images added through the classic editor using the Add Media option.

When the image is loaded in the frontend, users are only able to view the image size used. Clicking the image in this state does nothing, and users have to right-click / long-press on the image in order to view it in full-screen or to download it.

It’s however very easy to link the image to the full image if needed. This is especially useful when you link to smaller images size to speed up or optimize page loading but still want to provide users with an option to preview the full image.

Here’s how to go about it.

Add Images that Link to the Full Size Image

i. Using the Block Editor

  1. Add an image using the Image Block.
  2. Select the image and click the link icon from the block menu.
  3. Select the Media File option to link to the uploaded image.
    A screenshot of the link options available for the image block.
  4. Alternatively, you can add a link to any of the other media sizes that WordPress has generated.

ii. Using the Classic Editor

  1. Add a Classic block to the post editor.
  2. Click the Add Media icon and select the image to insert into the post.
    A screenshot of the add media icon in the classic editor menu.
  3. Select the image and click the Edit (pencil) icon to open the Image Details pop-up window.
    A screenshot of the edit button in the classic editor's image menu.
  4. Go to the Display Settings section and in the Link To drop-down select the Image URL option then click the Update button.
    A screenshot of the image link options in the image details window.
  5. If you want to link to a different image size to the uploaded one, just select Custom URL and add its URL.
Tags:
Share:

Leave a Reply

Feel free to share your comments or questions with me. I may not be able to respond immediately so please check later once I've approved your comment.

Your email address will not be published. Required fields are marked *

Kelvin Kathia

Kelvin Kathia is a writer that's passionate about sharing solutions to everyday tech problems. He's the founder and editor of Journey Bytes, a tech blog and web design agency. Feel free to leave him comments or questions regarding this post, or by leaving him a message on the contact page. If you found his content helpful, a donation is much appreciated.