Cross-linking relevant content makes your site more useful to visitors (and search engines love it too). WordPress makes it easy to create hyperlinks to other pages on the Web or to content within your own Web site. You can do this in either the Visual or HTML mode of your WordPress text editor. In some cases, such as when you are editing a Text widget, you might even need to be able to hand-code a link, and I will show you how to do this, too.

Creating Links in the Visual Mode of the Text Editor

If you are editing in Visual Mode, type in the text that you want to hyperlink. Highlight that text with your cursor and notice that the Insert/edit Link toolbar button becomes activated.

Insert/edit Link Toolbar Button in Visual Editing Mode

Insert/edit Link Toolbar Button in Visual Editing Mode

Click the Insert/edit Link button. A dialog box opens where you can create your link.

Add your link

Add your link

Manually add a link: You can type in a Web address (URL) and Title (to describe the link) under Enter the destination URL and click the blue Add Link button to add a link to any URL on the Web.

Link to existing content on your site: You can search for and select anything you have already published on your site in the Or link to existing content section of the dialog box. (If you do not see a listing of your pages in the dialog box, click the gray Or link to existing content link to expand the section.)

TIP: you can check the Open link in a new window/tab checkbox to open the link in a – you guessed it – new tab or window.

Creating Links in the HTML Mode of the Text Editor

If you are editing in Visual Mode, type in the text that you want to hyperlink. Highlight that text with your cursor and click the link toolbar button. The Insert/edit link dialog box opens. The process is the same as in the Creating Links in the Visual Mode of the Text Editor section.

Hand-coding a Hyperlink

If you find that you need to type a hyperlink directly into a page, post, widget, or whatever the case may be, you can use this code snippet. Type it directly into the spot where you want your link to go.

<a title="My Link that I Coded All By Myself" href="http://mysite.com">My link text</a>

Replace the contents of the HREF attribute with the destination link, replace the contents of the TITLE attribute with a description of your link, and replace My link text with your own link text.Want to open the link in a new window?

<a title="My Link that I Coded All By Myself" href="http://mysite.com" target="_blank">My link text</a>