Inserting links and media

Creating links

The link button looks like a link of chain in the Visual editor and the word ‘link’ underlined in the the HTML editor. Inserting links works similarly to the same task in Microsoft Word.

To do email links

‘Please contact us to find out more.’

Select the link text (here it was ‘contact us’).
Click the link button.
Replace the “http://” with “mailto:info@yourdomain.org”.

To do external links

‘Visit our twitter page to find out more.’

Select the link text (here it was ‘twitter page’).
Click the link button.
Replace the “http://” with the full website address (easiest to open that page in another tab and copy and paste). Tick the ‘Open link in a new window’ box (good practice).

To do internal links

‘Visit your private Test page.’

Select the text you want to be the link (here it was ‘Test page’).
Click the link button
Replace the “http://” with the last part of the permalink (the page address) to the page, including the parent level if it’s a sub page. You can copy and paste it either from the address bar of the browser or from the Permalink line above the editing window for the appropriate page: “/test-page”. You can also select it from the list under ‘Link to existing content’ after you have clicked the link button, this makes a default long version and you are best trimming down to just slash and page and/or parent name.

To make a download file link

Please download the special file.
One option:

In the page content of the editor window, put the cursor where you want the link to go and click on the Add media button
Upload the file or find it in the Media library and select.
Find the Link line. Select Media File. It will use whatever is in the Title line as the highlighted text for your link – here I changed it to ‘special file’ once I was back in the editing window. You might need to delete a caption that has come in with it.
Click Insert into post

Alternatively, proceed as per inserting a link to an internal page (you’ll need to upload the file first):

Select the link text in your content (here ‘special file’).
Click the link button.
Replace the “http://” with the file’s permalink address, which you can copy and paste from the File URL field visible when you click on the item in the media list eg: “/wp-content/uploads/2015/07/Roseville-07.jpg”.

To insert images and items into other areas of the page, see ‘Inserting items into other areas’.

Special media items

Videos

It’s better to do this in the TEXT editor view (the VISUAL editor will not show you the video, just the box it will fill).

In YouTube (or other media sharing site):

Find your video
Click on Share tag. If you are putting your video on to a page then paste this text into your editing panel on a new line and away you go.
If you want to include options such as hiding the youtube tool bar, you need to click on ’embed’ when you go to share the video in youtube, and click ‘show more’ and select your options. You must make sure you specify a custom size of 600px wide if you do this. Youtube will spit out some iframe code that you copy and paste into your WordPress page/post.

View this page in the HTML editor on the Admin side to see how this video’s code looks…