Links

Contents

• Visual Editor Links
• HTML Editor Links
• Links containing the "@" symbol

Related

• Download Links
• Email Links
• Image Links
• Text Widget Links

This page is designed to help you add links to your posts or pages. If you want to create a lists of links to your favorite blogs or sites in your sidebar, please visit the Links Menu (Blogroll) support page.

There are a couple of ways to add links to your posts or pages. You can use either the Visual, or HTML editors to create them so we’re going to outline both methods below.

Visual Editor Links

To add a link using the Visual editor:

1. Highlight the text you want to link.
2. Click the link button on the toolbar.



3. A popup will appear with configuration options for the link.
   
   Link URL – The URL of the link (include http:// at the start for external websites)
   Target – Select if you want the link to open in a new window
   Title – Title of the link when a visitor hovers over it (a small tooltip will appear with the title)
   Class – Advanced. Specify a CSS class for the link
4. After setting the options, click the Insert button, and the highlighted text will change to the color blue with an underline to signify a link as shown in the image below:
   

↑ Table of Contents ↑

HTML Editor Links

To create a link using the HTML editor:

1. Highlight the text you want to turn into a link.
2. Click the link button on the toolbar.
   
3. A popup will appear asking for the link URL.
   
4. Type or paste in the URL, click the OK button and the highlighted text will be wrapped with the HTML link code.
   

Links containing the “@” symbol

If you try to put this (for example)

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 @ as in the image below:

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

Last modified: December 31, 2009