1. Web Support
  2. Links

Links

How to Create a Link

  1. Log into Modern Campus CMS and navigate to the page you want to add a link to
  2. Check out the page by clicking on the light bulb
  3. Select the appropriate green "Edit" button to the area of the page you want to edit
  4. Select the text you want to link
  5. Click on the "Insert/Edit Link" icon in the toolbar
  6. Click on the source icon next to the "URL" text field
  7. In the file selector, navigate to the page you want to link to and click it
  8. Select “Insert”
    An 8 digit code should now appear in the URL text field
  9. Click “Ok”
  1. Log into Modern Campus CMS and navigate to the page you want to add a link to
  2. Check out the page by clicking on the light bulb
  3. Select the appropriate green "Edit" button to the area of the page you want to edit
  4. Select the text you want to link
  5. Click on the "Insert/Edit Link" icon in the toolbar
    In the "URL" text field, paste the URL you want to link to
  6. In the “Title” text field, describe the link. For example “leaving washcoll.edu” or “leaving washcoll.edu, going to Kent County News, or “will open in new window”
  7. If you want the link to open in a new window, click on the drop down field by “Open link in” and select “New Window”
  8. This option should only be used with linking to an external site or a resource such as a form or document.
  9. Click “Ok”
  1. Log into Modern Campus CMS and navigate to the page you want to add a link to
  2. Check out the page by clicking on the light bulb
  3. Select the appropriate green "Edit" button to the area of the page you want to edit
  4. Select the text you want to link
  5. Click on the "Insert/Edit Link" icon in the toolbar
  6. Click on the file finder icon next to the text field
  7. Navigate to the file you want to link to, it should be in your /_files folder
  8. Select “Insert”
  9. An 8 digit code should now appear in the url text field.
  10. In the “Title” text field, describe the action, such as “Download the pdf” or “Download the word document” etc.
  11. Click “Ok”
Links

Buttons

Buttons are essentially styled links. They are best used to make a link more eye catching. But they can't be used in the midst of body copy in the same way a regular link can.

  1. Log into Modern Campus CMS and navigate to the page you want to add a link to.
  2. Check the page out.
  3. Click your cursor where you want the button to be placed.
  4. Click the "Styles" dropdown in the toolbar and select the style button you wish to use. See details on the styles below.
  5. When the button is placed on the page, type the link text into the button. See the notes on link text.
  6. Highlight the linked text within the button, then click the Insert/Edit Link option in the toolbar.
  7. Continue follow the usual steps for creating a link.

Note: Do not type out link text then add the button style. This will often result in the button not functioning properly. First add the button, then add the text.

Standard Buttons

Red Button

Teal Button

White Button

The red, teal, and white buttons can be used as desired as long as they contrast against the background of the page or snippet they are placed in. Type the link text in sentence case, the button will style it as all caps.

When selecting a button style from the Styles dropdown, you will notice a "Standard Button" option. Ignore that, it is used in combination with the above styles.

External Button

The external button should only be used when linking to an external website. 

External Button

Best Practices

  • When linking text, make sure that the text describes the destination. Avoid generic link text such as "Click Here" or "Learn More". 
  • Images should not be linked as there will be no indication that there is a link to click.
  • Do not create an empty link or button to emphasize text, all links and buttons must be complete.
  • When text is linked, a style is automatically applied. Do not apply any additional styles such as bold or underline. For stylized links, see the section on buttons.