Skip to main content
Drupal Documentation for SCLS

Main navigation

  • Home
  • How-To Info for Library Staff
  • Drupal 9
  • Help

Breadcrumb

  1. Home
  2. Drupal 9
  3. Content

Links to Webpages and Files - Drupal 9

To create a link:

  1. Type the text/insert the image for the link.
  2. Select the text/click on the image.
  3. Click the Link button. 
Image
Image
  1. The Edit Link dialog will appear.
  2. Do one of the following:
    1. Link to another site: Type or paste the complete link URL in the URL box.
    2. Link to a page on this site:
      1. Begin typing the page's title or a keyword from the title in the URL field. Autocomplete will suggest matching pages.
      2. Select the appropriate page from the list.
      3. Click the Save button. The Edit Link dialog will close.
    3. Link to a document/file in the Media Library:
      1. If the file is already uploaded to the website, begin typing the filename in the URL field. Autocomplete will suggest matching files.
        1. Select the appropriate file from the list.
        2. Click the Save button. The Edit Link dialog will close.
      2. If the document/file hasn't already been uploaded, or if you can't remember the filename and want to look for it, click the Media Library button. The Add or select media dialog will open.
        1. To upload a new file, make sure the Document tab is selected. Click the Browse button under Add file. Select the file on your computer and click Open. 
           
Image
  1. Provide a clear, concise description of your document that will help you to find and identify it in the future. 
     
Image
  1. Click Save.
  2. Find and click the appropriate file in the Media Library to select it. (The checkbox should be checked.) 
     
Image
  1. Click the Insert selected button. Add or select media dialog will close.
  2. Link to a page generated by the "Views" module (such as the calendar):
    1. Enter a relative URL (the segment of the URL that follows the “.org”), including the slash.
    2. Example: for a link to http://www.example.org/calendar/month, enter only /calendar/month
  3. Click the Save button.
  4. Test the new link to confirm it goes to the expected location.

Advanced Options

Image

Click "Advanced" in the Add Link dialog to set the following options:

  • ARIA label (uncommon): Provide an alternative text value/label for assistive technologies. Example: When using link text such as "Read more," which may be repeated by other links on the page, ARIA label text can replace the link text with a more descriptive, accessible label (e.g. "Read more about XYZ specific topic"). The words 'Read more' are repeated in the aria-label (which replaces the original anchor text of "[Read more...]")
  • CSS classes: List of CSS classes to add to the link, separated by spaces.
  • ID: Allows linking to this content using a URL fragment. Must be unique.
  • Open in new window/tab (not recommended for most situations): "noopener" will also be added to the Relation field to prevent a security vulnerability being exploited by the linked site.
  • Relation: It's recommended to add "noopener" when setting a link to open in a new tab/window to prevent a security vulnerability being exploited by the linked site.

Book traversal links for Links to Webpages and Files - Drupal 9

  • Formatting Content
  • Up
  • Making content sticky
  • Blocks - Drupal 9
  • Content
    • Removing Formatting from Copied & Pasted Content
    • Adding Content (Nodes)
    • CKEditor 5 Editing Toolbar Changes
    • Changing Authoring information - Drupal 9
    • Editing Existing Content (Nodes) on Your Website
    • Events: Repeating dates - Drupal 9
    • Formatting Content
    • Links to Webpages and Files - Drupal 9
    • Making content sticky
  • Images - Drupal 9
  • Layout Builder - Drupal 9
  • Managing Media & Files - Drupal 9
  • Media Library - Drupal 9
  • Revisions (Drupal 9)
  • Webforms - Drupal 9
  • Webinars

Tags

accordion (1)
account (2)
anchors (1)
blocks (1)
cache (1)
carousel (2)
CKEditor (4)
configuration (1)
content types (1)
CSS (1)
disable rich-text (1)
Drupal 9 (18)
email (2)
embed code (1)
Entity Registration (5)
events (6)
file browser (2)
files (2)
files media (1)
folders (1)
formatting (2)
front page (3)
Google Analytics (1)
headings (2)
HTML (1)
iframe (2)
images (7)
imce (3)
Layout Builder (3)
link a pdf (1)
links (7)
login (1)
media (2)
menus (3)
nodes (1)
openid (1)
paste as plain text (1)
paths (4)
performance (1)
photo albums (1)
photo galleries (1)
redirects (3)
registration (5)
remove format (1)
repeat dates (2)
reports (1)
revisions (1)
sidebars (1)
site name (1)
slogan (1)
source (1)
sticky (2)
text formats (1)
themes (1)
toolbar (2)
URL aliases (4)
Webform (2)
widget (1)