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 into your content
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 (). A small inline link toolbar will display where you can enter your link URL. If you enter a URL without including ‘http://’ in front of it, WordPress will automatically correct it for you. As an example, if you type ‘google.com’ it will automatically correct this to ‘http://google.com’. After you’ve entered your link url, hit your Enter key or click the Apply button () to save your changes.
If you don’t select any text prior to clicking the Insert/edit link button, it will use the URL that you enter as the link text.
You can also insert a link to one of your existing Posts or Pages by simply typing the Post or Page name and then selecting it from the list that displays. As you type the Post/Page name the list will re-populate based on matching results.
If the URL that you enter in the inline link toolbar has the incorrect syntax, WordPress will let you know by highlighting the link with a red dotted outline. When this happens, simply click the link to display the inline link toolbar again and then click the Edit button () to edit the URL you entered.
If you wish to display the pop-up window that previously displayed prior to WordPress 4.5, click the Link options icon (). This pop-up is also useful if you wish to have your link open in a new tab/window when clicked as it gives you access to the Open link in a new tab checkbox.
If you’re displaying the pop-up window, 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 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, 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 link will be updated in the URL field. Click the Add Linkbutton to add your link.
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 the edit field. The pop-up window will be just like the pop-up that appeared when you originally inserted the link. Alternatively, click the link within your Page/Post and then click the Insert/edit link button () on the main Visual Editor toolbar.
After you’ve updated the link url, hit your Enter key or click the Apply button () to save your changes. If you wish to display the Insert/edit link pop-up window click the Link options icon ().
Removing an HTML link
To remove an html link, click the link within your Page/Post that you’d like to remove to display the 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 Remove link 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 Remove link button () on the main Visual Editor toolbar. If the html link is linking to an uploaded file or image, clicking the Remove linkbutton won’t remove or delete that file, it will simply remove the hyperlink.