Page Settings

  • Show menu: true
  • Use horizontal menu: true
  • Show sidebar: right
  • Skip to main content

    Links

    Helping people get around since the early 1980's.

    This page is for linking in the WYSIWYG For other kinds of links see the sections on linking to documentscreating navigation links, using Lists of Links, and using Call Out Boxes for Links.

    The Best Practices section will help you with using "internal" vs. "external" links.


    Linking Quick Tips:

    • Links to any page inside of the Colorado College site should be created as "relative links", meaning that they only use the part of the address after "http://www.coloradocollege.edu" beginning with and including the first "/".
    • Links to any page outside of the Colorado College site  should use the entire address to that site/page.
    • The "Title" field should be used whenever possible on a link (it sometimes interferes with lightbox and video captions) in order to allow screen readers proper access to the information and to provide a tool tip when hovering over the link.

    1. Using the Website Browser tab, navigate to the page where you will be adding a link and double click on the name of the page to preview it.
    2. Edit the Web Page Content item where you want to add the linked document to.
    3. Highlight the text in the WYSIWYG on which you want to create the link.
    4. Click the "Insert/Edit Link" icon in the toolbar.
    5. In the dialogue box that comes up, click on the icon to the right of the "Link URL" field and browse to the page you want to link to in dotCMS.
    6. Click on the name of the page that you want to link to.
    7. You will be taken back to the "Insert/Edit Link" dialogue box where you can fill in the "Title" and "Description" fields.
    8. Click "Insert" when you are finished to return to the WYSIWYG

    Watch the video >>


    1. When you want to link to a page you can't navigate to in dotCMS, first visit the page in your Web Browser as a regular visitor.
    2. Copy the portion of the address that follows "http://www.coloradocollege.edu", beginning with the "/"
      • Example: for "http://www.coloradocollege.edu/other/wac/training", you should copy "/other/wac/training"
    3. Using the Website Browser tab, navigate to the page where you will be adding a link and double click on the name of the page to preview it.
    4. Edit the Web Page Content item where you want to add the linked document to.
    5. Highlight the text in the WYSIWYG that you want to create the link on.
    6. Click the "Insert/Edit Link" icon in the toolbar.
    7. In the dialogue box that comes up, paste the address that you copied into the "Link URL" field.
    8. Fill in the "Title" and "Description" fields.
    9. Click "Insert" when you are finished to return to the WYSIWYG.

    Watch the video >>


    1. When you want to link to a page outside of the Colorado College website, first visit the page in your Web Browser.
    2. Copy the entire address of the webpage.
    3. Using the Website Browser tab, navigate to the page where you will be adding a link and double click on the name of the page to preview it.
    4. Edit the Web Page Content item where you want to add the linked document to.
    5. Highlight the text in the WYSIWYG that you want to create the link on.
    6. Click the "Insert/Edit Link" icon in the toolbar.
    7. In the dialogue box that comes up, paste the address that you copied into the "Link URL" field.
    8. Select "Open in New Window (_blank) from the "Target" dropdown.  This creates a new window when the user clicks the link, leaving the current window open to the Colorado College website.
    9. Fill in the "Title" and "Description" fields.
    10. Click "Insert" when you are finished to return to the WYSIWYG.

    Watch the video on how to link to a document >>

    Watch the videoon how to link to an external page >>


    1. Using the Website Browser tab, navigate to the page where you will be adding a link and double click on the name of the page to preview it.
    2. Edit the Web Page Content item where you want to add the linked document to.
    3. Highlight the current link in the WYSIWYG that you want to modify.
    4. Click the "Insert/Edit Link" icon in the toolbar.
    5. In the dialogue box that comes up, click on the icon to the right of the "Link URL" field and browse to the page you want to link to in dotCMS and click on the name of the page that you want to link to.
      OR
      paste an address that you copied into the "Link URL" field, per the instructions above on internal or external links.
    6. Fill in the "Title" and "Description" fields.
    7. Click "Insert" when you are finished to return to the WYSIWYG.

    Watch the video >>