How to Add Links in WordPress

image: how to add links in WordPress

Tutorial #15

Sooner or later, you’re going to want to add links to other websites, or even another page in your own site. Fortunately, adding links in a WordPress site is pretty straightforward.

Understand the Two Types of Links

There are text links and there are image links. A text link changes a word or phrase to an active link. When your reader clicks on it, they’ll be taken to another web page. It could be a different page on your site, or it could link to a totally different site.

And image link does the same thing, but your reader clicks on an image instead of words to get there.

Here’s an example of a text link:

Click here to sign up for the WordPress Building Blocks Newsletter.

Here’s an example of an image link to the same page:

MAG-nobg-sm

How to Create a Text Link

#1. Get the exact URL you want to link to.

The URL (Uniform Resource Locator) is what shows up at the top of your browser when you’re visiting a web page. If you look up, you’ll see the URL for this page is http://wpbuildingblocks.com/how-to-add-links-in-wordpress. (Your particular browser might not show the http:// or https:// part of it, but trust me, it’s there.)

To make sure you get it exactly right, it’s probably wise to copy and paste it rather than trying to type it by hand.

#2. Highlight the text you want to link

In your WordPress editor, highlight your link text. Your highlighted word should look something like this:

highlighted text

#3. Click the button to link

If you’re drafting your post in the Visual Editor, the link button looks like this.

Link Button

Note that the button isn’t available until you’ve highlighted your text.

If you’re drafting your post in the Text Editor, the link button looks like this.

Link Button

#4. Paste the link URL in the box that says URL
#5. If you want, you can set up the link so it opens in a separate browser window or tab by selecting the Open link in new window/tab box.

Extra linking options

#6. Click the Add Link button

That’s all there is to it!

How to Create an Image Link

#1. Get the exact URL, as above
#2. Add your image

Here’s a quick tutorial on how to add an image.

#3. In the Attachment Details Popup, paste the URL

The Attachment Details window includes boxes for the Title, Caption, Alt Text and Description.

But wait — there’s more!

Scroll down and you’ll discover another whole section called Attachment Display Settings. Here you have Alignment, Link To and Size.

Click the Link To box and a dropdown opens up with more choices. Select Custom URL

Attachment Details

When you do that, another box appears. Paste the URL here.

#4. Click the Insert into Post button

That’s it! You’ve added an image and linked to it.

More Tips and Tricks

Want more WordPress tips and tutorials in your inbox? We'll start with a 7-part autoresponder series, then biweekly emails.

Comments

  1. Hi Susanna — I have been following your sage advice since starting my website in August via the MMW course. You may have answered this but herre’s a question: I started my site on GoDadddy, mostly because I needed to be walked through the process and have NO HTML savvy. I like a lot of the “look” of WP theses and wondered how complicated it would be to transfer this site to a WP theme. Any suggestions? Thanks and keep up the great work!

    • Hi Jane, so glad you’re finding the information here helpful!

      Switching over to WordPress won’t be difficult. I took a quick look at your site, and you’re off to a good start. I think there’s a lot you could do with it in WordPress, and it would be good to do it now before you have reams of content. The only caveat is, GoDaddy is a TERRIBLE WordPress host.

      Please feel free to email me to talk about specifics.

29 Shares
+117
Tweet7
Buffer3
Share2
Pin