Links

Links

A link is a word, group of words, or image that you can click on to go to a new page or a new section within the current page. There are a couple of ways to add links to your posts or pages. You can use either the Visual editor or the HTML editor, as described below. Learn more about the differences between the Visual and HTML editors.

If you want to create a list of links to your favorite blogs or sites in your sidebar, please visit the Links Menu (Blogroll) support page.

If you’d like to customize the links in your navigation menu, check out the Custom Menus support page.

There are two ways to create links in the Visual editor.

Method One: Copy and Paste

First, copy the URL you want to link to to your computer’s clipboard. You can do this by highlighting a URL, then going to Edit → Copy in your browser’s toolbar, or by using a keyboard shortcut like CTL-C (PC) or CMD-C (Mac).

Next, highlight the text you want to link:

Screen Shot 2016-02-01 at 9.42.45 AM

Finally, paste the URL you copied directly over the highlighted text. You can do this by highlighting a URL, then going to Edit → Paste in your browser’s toolbar, or by using a keyboard shortcut like CTL-V (PC) or CMD-V (Mac).

WordPress.com will automatically create a link. The highlighted text will now appear underlined and blue to let you that it is linked:

Screen Shot 2016-02-01 at 9.40.18 AM

Method Two: The Link Button

First, highlight the text you want to link. Next, click the INsert/edit link button on the toolbar:

Screen Shot 2016-02-01 at 9.38.33 AM

In the pop-up box that appears, enter the URL you want to link to:

Screen Shot 2016-02-01 at 9.38.56 AM

  • URL: The URL of the link (include http:// at the start for external websites)
  • Open link in a new window/tab: If this box is checked clicking on your link will open up a new window/tab.

↑ Table of Contents ↑

To edit or remove a link in the Visual editor, place your cursor anywhere in the linked text:

Screen Shot 2016-02-01 at 9.40.18 AM

Click the pencil icon to edit the link, or the X to remove the link.

To edit or remove a link in the HTML edit, you must edit or delete the HTML directly.

 

↑ Table of Contents ↑

Troubleshooting

Links containing the “at sign” symbol
For example, if you try to put this

flickr-link

into the Add Link page, the “@” gets removed for security reasons and unfortunately means that your link will not work.

To get around this, you need to instead enter #64; as in the image below:

flickr-link-html-entity

Please be aware that if you re-edit the link the “@” once again disappears so you’ll need to redo the above.

Still confused?

Contact support.

Not quite what you're looking for?

Get Help