• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Answer Your Tech

Wordpress How-to Guides

  • Writing
  • Settings
  • Jetpack
  • Navigation
  • Hosting
  • Getting Started
  • Themes
You are here: Home / Writing / How to Link a Picture in a Wordpress Post to Another Web Page

How to Link a Picture in a WordPress Post to Another Web Page

April 24, 2019 By Matt

How to Link a Picture in a WordPress Post to Another Web Page

The links that you include in your WordPress posts offer your visitors the ability to navigate to another page on your site, or a page on a different site, that is related to the content of your post. This is an important element of Web navigation, and most of the posts that you encounter on the Internet will include at least a small number of links.

Many of these links will be added to the text of the post, but it’s also possible to add links to other page elements, such as a picture. If you have a picture in one of your posts and you wish to be able to configure that picture so that a Web page will open when someone clicks the picture, then our tutorial below will show you how to accomplish that with the WordPress Gutenberg editor.

How to Add a Link to a Picture in WordPress

The steps in this article were performed in the 5.1.1 version of WordPress. Note that this guide will assume that you have already added a picture to a post, and that you know the URL of the page to which you want to link that picture.

Step 1: Sign into your WordPress admin menu at (yourdomain.com)/wp-admin.

Step 2: Hover over Posts in the left column, then open an existing post or create a new one.

open a post with a picture

Step 3: Click on the picture in the post to which you wish to add the link.

select the picture to which you want to add the link

Step 4: Click the Link to dropdown menu in the right column, then choose the Custom URL option.

select Custom URL from the Link to dropdown menu

Step 5: Enter the URL for the link into the Link URL field, then choose whether to open that link in a new tab when it’s clicked, and add any Link CSS class or Link REL setting that you might need.

how to link a picture to a web page in wordpress

Would you like to put a background color behind one of the paragraphs in your post, but you don’t want to mess around with your style.css file? Find out how to add background color to a paragraph block in WordPress with the help of a new option courtesy of the Gutenberg editor.

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Pinterest (Opens in new window)

Related

Primary Sidebar

Recent Posts

  • How to Change the Publish Date When You Update a Post in WordPress 5.9
  • How to Delete a Page in WordPress
  • How to Update a User’s Email Address in WordPress 5.9
  • How to Check the Version of WordPress on Your Site
  • How to Add an Amazon OneTag Script to the Footer in a Genesis Theme

Site Info

  • Domain Name - Hostgator
  • Hosting - Cloudways
  • Theme Framework - Genesis
  • Child Theme - Smart Passive Income Pro
  • Site Speed - WP Rocket

Archives

  • May 2022
  • July 2020
  • September 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • July 2018
  • December 2016
  • November 2016

Categories

  • Comments
  • Genesis
  • Getting Started
  • Hosting
  • Jetpack
  • Navigation
  • Plugins
  • Settings
  • Sidebar
  • Themes
  • Writing
  • Affiliate Disclosure
  • Privacy Policy
  • FAQ
  • About
  • Contact
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more about our privacy policy, see here: Privacy Policy

Copyright © 2022 AnswerYourTech.com

 

Loading Comments...
 

You must be logged in to post a comment.