Versions Compared
Version | Old Version 27 | New Version 28 |
---|---|---|
Changes made by | ||
Saved on |
Key
- This line was added.
- This line was removed.
- Formatting was changed.
Info | ||
---|---|---|
| ||
Level 1 or Higher - See permission level document for details |
Overview
Within individual pieces of content on your Drupal 8 site, you can add links to pages and documents on your site, or to pages on other sites.
Table of Contents
Table of Contents |
---|
Step 1: Select the text to be linked
When you are editing a page where you want to link some text, first, select the text (by highlighting with your mouse) you want to be linked and click on the "Link" icon, which looks like a chain.
Image Removed
Image Added
Step 2: Paste your link url, or select your PDF doc
Now we can add a link to another page on our site, to a pdf or doc, and/or to a page on someone else's site. Click Save. Then make sure to Save the page you are editing.
Image Removed
Image Added
Types of Links you can add
You can add links to any file or page on your site, an e-mail address, or a link to any file or page on any external site. Here are some helpful hints about how to approach each case
Adding a link to an e-mail address
Step 1: Type e-mail address to be linked
Type in the text that you want linked to the e-mail address then highlight that text. You may type an actual E-mail address or use other text if you don't want the e-mail address visible on the screen. In this case I'm not printing the actual e-mail address to the screen. Then click the "link" icon.
Image Removed
Image Added
Step 2: Enter the link
Enter the command to link the text to an e-mail address. To create a link that will open your local e-mail program you simply enter the URL as:
"mailto:email@website.com"
Make sure to replace the e-mail address "email@website.com" with whatever e-mail you want the link to send to. The "mailto:" command is what opens the e-mail program on an individual computer. See below in screen capture
Image Removed
Image Added
Step 3: Save
Save the e-mail link, and then save your content and test the e-mail link.
Adding a link to a page within your site
If you want to link to a page on your own site (an internal link), follow these instructions to get the url of the page to which you want to link.
Step 1: Type text to be linked
Type in the text that you want linked then highlight that text. Then click the "link" icon.
Image Removed
Image Added
Step 2: Open a new window to get the link
Open your site in a second tab or window and navigate to the page you want to link to.
Image Removed
Image Added
Step 3: Select everything after the .edu part.
In this example, I am going to link to our directory page located at http://anth.franklin.uga.edu/directory/all. Because this page is internal to my site, I only need the part of the URL that is after the domain name. I will select ONLY /directory/all.
Image Removed
Image Added
Step 4: Enter the link
Go back to the page you are adding a link to, and paste the url, including the leading slash "/", in the field.
Image Removed
Image Added
Step 5: Save
Save the link, and then save your content and test the link.
Adding a link to a PDF or another document on your site
Step 1: Type text to be linked
Type in the text that you want linked then highlight that text. Then click the "link" icon.
Image Removed
Image Added
Step 2: Get the document link
From the Link prompt, instead of pasting a URL in the field, you will click the link that says "Open File Browser."
Image Removed
Image Added
This opens up IMCE, the File Manager/Uploader. Locate the file you want to link to.
You can browse for an existing file, or you can click the upload button to get one from your computer. Once you have selected a file, hit the "Select" link.
Image Removed
Image Added
The file will now be linked to.
Image Removed
Image Added
Step 3: Save
Save the link, and then save your content and test the link.
Add a link to a page on another website
If you want to link to a page on an external site, follow these instructions to get the url of the page to which you want to link.
Step 1: Type text to be linked
Type in the text that you want linked then highlight that text. Then click the "link" icon.
Image Removed
Image Added
Step 2: Open a new window to get the link
Open your site in a second tab or window and navigate to the page you want to link to.
Image Removed
Image Added
Step 3: Select entire URL
In this example, I am going to link to the UGA Graduate School site located at http://grad.uga.edu. Because this page is external from my site, I only need the whole URL.
Image Removed
Image Added
Step 4: Enter the link
Go back to the page you are adding a link to, and paste the entire url, including the leading http://
Image Removed
Image Added
Image Removed
Image Added
Step 5: Save
Save the link, and then save your content and test the link.
Related articles
Filter by label (Content by label) | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Insert excerpt | ||||||
---|---|---|---|---|---|---|
|