Adding a Link to Your Wordpress Post
Item 3: Adding a Hyperlink to Your Post
When you want to add a link (or more properly, a “hyperlink”) to a post you should remember that a link has two parts:
The anchor text - these are the actual words that the link is applied to. For example, if you want to create a link to an article about “barcode scanners”, it will usually be found in a string of text like this:
“Check out this article about barcode scanners.”
The words “barcode scanners” are called the anchor text because these are the words you want to apply the link to.
The target URL - this is the web address you want your readers to be taken to when they click on the linked anchor text. In the above example, if the words “barcode scanners” are linked to the address - http://www.waspbarcode.com, then this is is the target URL.
While in “Visual” mode, to apply a target URL to a specific anchor text within your post do the following:
- Select the anchor text with your mouse.
- Click on the “link” symbol in the top toolbar.
- Type the target URL address in the “Link URL” field.
While in “HTML” mode add the html code before and after the anchor text as follows:
<a href=”http://www.targetdomain.com”>Your anchor text</a>
Now when you go back to “Visual” mode the anchor text should be in the standard link blue color, and be underlined. That indicates that it is an active link.
Adding a link to an image
You can also add a hyperlink to an image. The procedure is the same:
- Select the image by clicking on it with your mouse.
- Click on the “link” symbol in the top toolbar.
- Type the target URL address in the “Link URL” field.
Bear in mind that often when you add a link to an image Wordpress may automatically put a (fairly ugly) border around the image. You can get rid of this image by adding to the code in HTML view. The code for the image below would look like this:
<img style=”float: left; padding-right:15px; border: 0″ src=”http://www.etdemo.com/wp-content/uploads/2008/10/auto-blog-175.jpg” alt=”Autoblog logo” />
This image is manually added to float left, no border, with “padding” set to 15 pixels to put white space on the right side of the image. Note that this image is “hotlinked” from another site (etdemo.com).
