CCS Drupal Guide
Search
⌃K
Comment on page

Links

When adding links to a page, ensure that the user can determine the destination of the link. Avoid using ambiguous terms like "here," "more," or "this" for link text. Instead, use descriptive link text to help users with assistive technology understand the context and destination of the link. For example, instead of "click here" use something like "more information on [topic]."
An external path is any link that is NOT under www.uoguelph.ca/yourSiteName.
  1. 1.
    In the Drupal text editor, highlight your chosen link text.
  2. 2.
    Select the link button. This will open the Link dialog box.
  3. 3.
    Ensure that the "link type" dropdown menu is set to URL.
    ​
    External URL Hyperlink
    ​
  4. 4.
    Paste the link where you would like this text to hyperlink to (Eg:www.google.ca) in the "URL" field.
  5. 5.
    Select OK.
An internal path is any link that is under www.uoguelph.ca/yourSiteName
  1. 1.
    In the Drupal text editor, highlight your chosen link text.
  2. 2.
    Select the link button. This will open the Link dialog box.
  3. 3.
    Ensure that the "link type" dropdown menu is set to internal path.
    ​
    image
    ​
  4. 4.
    Search for the internal page by typing the first few characters of the page name in the "Link" field.
  5. 5.
    Select the page you want to link from the list of suggestions.
    ​
    image
    ​
  6. 6.
    Select OK.
Upon selection, an email link will prompt the user to email the specified address is MS Outlook.
  1. 1.
    In the Drupal text editor, highlight your chosen link text.
  2. 2.
    Select the link button. This will open the Link dialog box.
  3. 3.
    Ensure that the "link type" dropdown menu is set to E-mail.
    ​
    Insert Email Image
    ​
  4. 4.
    Enter the email address you would like this text to hyperlink to.
  5. 5.
    If applicable, enter the email subject and message body into their respective fields.
  6. 6.
    Click OK.
Anchor links are links that will take the user to a specific spot on the same page.
  1. 1.
    In the Drupal text editor, highlight some text to be used as the anchor (the spot the link will jump to).
  2. 2.
    Select the anchor button (flag icon). This will open the Anchor Properties dialog box.
    ​
    Drupal text editor anchor button
    ​
  3. 3.
    Enter a name for the anchor. Select OK.
    ​
    Drupal text editor anchor dialog box
    ​
  4. 4.
    Highlight text to be used as the link.
  5. 5.
    Select the link button (chain link icon).
    ​
    Drupal text editor link button
    ​
  6. 6.
    The Link dialog box will open. Under link type, select "link to anchor in the text."
  7. 7.
    Using the "By element ID" drop-down menu, select the anchor's name. It is important that the anchor is selected by element ID and not by name. Select OK.
    ​
    Drupal text editor link dialog box
    ​
Previous
Content Titles & Headings
Next
Colour
Last modified 4yr ago