Create a Hyperlink in WordPress

WordPress Content Management: Create a hyperlink to internal and external website content

One of the most important things you can do on your website is to link out to other sites.  It is also important for artists to provide links to the galleries that represent your work. A lot of artists include these links on their contact page or create a special page called Representation.

This lesson is for inserting a hyperlink into your text content. See Menus and widgets if you want to add social networking sites or other websites to your sidebar or other available widget areas.

Why provide links: If you are blogging about your work and process and recommend certain materials, provide links to the sites where these materials are available. Do you quote other bloggers? Then provide a link out for visitors to read the full post. It is a sign of an experienced and skillful blogger who cites his references

There’s also absolutely nothing wrong with linking within your own site. These links make it easy for your readers to get to important information fast.

Type the text for the link and drag your mouse over the text to select it. While the text is highlighted go to the editor menu and select the hyperlink icon (looks like a chain).

How to create a hyperlink
Click image to enlarge

In the pop up dialog box enter the website address you want to link to in the “Link URL” line. Make sure you type http:// in front of the web address so it looks like this example: http://yourlink.com. Provide a link Title to give it meaning (which shows when hovering over the link), and choose whether or not to open the link in a new window/tab or stay in the current window/tab.

How to create a hyperlink
Click image to enlarge

Once you’re done, click Add Link and the link has been created. It’s always worth testing links in case a mistake was made.

WordPress also makes it easy to create links internally within your website. Click on “or link to existing content” and use the search box to find a post or page. When you find the one you want click on it and it will be inserted into the URL box .

Opening a link in a new window vs. using the current window
Many site owners are tempted to open links in new windows, because then it means their site remains in the browser. However, web convention is that a link should keep you in the current window. Otherwise after an hour of browsing, the user could have dozens of windows open that all need to be closed down. In other words, opening a link in a new window is usually an inconvenience for a site visitor.

There are some situations where a new window works – usually this is to pop something up where you just know that the visitor will want to quickly look at and then close. Unless you are an avid blogger, having a few links opening in new windows is not a big deal for most artist sites and may actually be preferred.

Create a direct link to an email Address

How to insert an email address in your post or page and have it open directly in an email client like Outlook. The advantage of this is so that the person wanting to contact you just starts typing their message. Use the same process as outline above but with these differences:

  1. Replace http:// in front of the web address with mailto:
  2. The full link would look like mailto:kim@artbiz.ca
  3. To have the subject line of the email fill in automatically with a subject that pertains to the content of the page, add ?subject=your%20subject to the end of the email address. The complete link would look like mailto:kim@artbiz.ca?subject=website%20inquiry

Notice the %20 – this is a HTML space filler. I want the subject line of my link to read website inquiry, with a space between the words. In order to do this and be code compliant, we need to add the space with the HTML %20 (there, you just learned some HTML).

Link Quick Edit: Click on an existing link in the editor and a quick edit icon appears where you can edit the link URL directly or remove the link.
Capture


There are other items you may want to add to your content so we will learn how to upload and link to a Word doc, Excel spread sheet or a PDF file

Return to Top ▲Return to Top ▲