HTML links allow your site visitors to easily navigate around your site. They’re also used when you want to allow people to download files from your site, such as PDFs or other documents, for viewing images or even just linking to other websites. HTML links will frequently be shown with an underline to differentiate it from other text, but this may vary depending on the theme you’re currently using.
Inserting an HTML Link
Inserting an html link in your Page/Post to one of your own pages or another site is extremely easy. Simply click and drag the cursor and highlight the text that you want turned into a link and then click the Insert/edit link button ( ). As well as being able to insert a link to another site, you can also easily insert a link to one of your existing Posts or Pages by simply selecting it from a list.
In the pop-up window that is displayed, simply fill in URL and the Title and then click the Add Link button. URL - URL of the page or website that you would like to create a link to
Link Text - The text that you highlighted prior to clicking the Insert/edit link
button will be automatically displayed Open link in a new window/tab - When someone clicks the link you can have it open in the same window (default setting) or have it open in a new browser window/tab Alternatively, if you’d like to add a link to one of your existing Posts or Pages, simply click the Or link to existing content link to display a list of your existing content then select the relevant page from the supplied list. If you have a large number of pages within your site, you can type the Page or Post name in the Search field to make it easier to find. As you type, the list will re-populate based on matching results. After selecting one of your existing pages, the relevant details will be updated in the URL and Title fields. Click the Add Link button to add your link.
Inserting Links to Media Files
Adding a link to media files such as documents or PDF’s is just as easy as adding a standard html link. There are a couple of ways you can go about it.
Click the Add Media button () and then simply drag your file from wherever it is on your computer, into the browser window. Your file will be automatically uploaded. Alternatively, click the Select Files button and then select the file that you’d like to upload, using the dialog window that is displayed. Once your file is uploaded, your Media Library, which contains all your previously uploaded files, is displayed. The file that you’ve just uploaded will be automatically ‘selected’ for easy insertion into your Page or Post.
Update the Title for your file. The Title will be used for the text link when it’s inserted into your content. From the Link To dropdown list, select Media File. The field just below this will be automatically populated with the URL for the file. Click the Insert into post button to insert a link to the selected file in your Post at the current cursor position (when editing a Page, this button will say Insert into page).
If you happen to know the URL for the media file that you’d like to link to or if you’d like to create a link on some existing text, simply click and drag the cursor and highlight the text that you want turned into a link and then click the Insert/edit link button (). Just like previously, when adding a simple HTML link, enter the URL to your media file and then click the Add Link button. A standard html link will be created that links to the media file that you specified.
Editing an HTML Link
To edit an html link, click the link within your Page/Post that you’d like to edit to display an inline link toolbar. Once the toolbar appears, click the Edit button () to display a pop-up window with the link properties. The pop-up window will be just like the pop-up that appeared when you originally inserted the link. Alternatively, click the link to position the cursor somewhere within it and then click the Insert/edit link button () on the main Visual Editor toolbar. After you’ve updated the link properties, click the Update button to save your changes.
Removing an HTML Link
To remove an html link, click the link within your Page/Post that you’d like to remove to display an inline link toolbar. Once the toolbar appears, click the Remove button () to remove the link. Alternatively, click the link to position the cursor somewhere within it and then click the Unlink button () on the main Visual Editor toolbar. If you want to remove a link from an image, simply click the image once to select it and then click the Unlink button () on the main Visual Editor toolbar. If the html link is linking to an uploaded file or image, clicking the Unlink button won’t remove or delete that file, it will simply remove the hyperlink.