Links
How to Create a Link
- Log into Modern Campus CMS and navigate to the page you want to add a link to
- Check out the page by clicking on the light bulb
- Select the appropriate green "Edit" button to the area of the page you want to edit
- Select the text you want to link
- Click on the "Insert/Edit Link" icon in the toolbar
- Click on the source icon next to the "URL" text field
- In the file selector, navigate to the page you want to link to and click it
- Select 鈥淚nsert鈥�
An 8 digit code should now appear in the URL text field - Click 鈥淥k鈥�
- Log into Modern Campus CMS and navigate to the page you want to add a link to
- Check out the page by clicking on the light bulb
- Select the appropriate green "Edit" button to the area of the page you want to edit
- Select the text you want to link
- Click on the "Insert/Edit Link" icon in the toolbar
In the "URL" text field, paste the URL you want to link to - In the 鈥淭itle鈥� text field, describe the link. For example 鈥渓eaving washcoll.edu鈥� or 鈥渓eaving washcoll.edu, going to Kent County News, or 鈥渨ill open in new window鈥�
- If you want the link to open in a new window, click on the drop down field by 鈥淥pen link in鈥� and select 鈥淣ew Window鈥�
- This option should only be used with linking to an external site or a resource such as a form or document.
- Click 鈥淥k鈥�
- Log into Modern Campus CMS and navigate to the page you want to add a link to
- Check out the page by clicking on the light bulb
- Select the appropriate green "Edit" button to the area of the page you want to edit
- Select the text you want to link
- Click on the "Insert/Edit Link" icon in the toolbar
- Click on the file finder icon next to the text field
- Navigate to the file you want to link to, it should be in your /_files folder
- Select 鈥淚nsert鈥�
- An 8 digit code should now appear in the url text field.
- In the 鈥淭itle鈥� text field, describe the action, such as 鈥淒ownload the pdf鈥� or 鈥淒ownload the word document鈥� etc.
- Click 鈥淥k鈥�
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.
- Log into Modern Campus CMS and navigate to the page you want to add a link to.
- Check the page out.
- Click your cursor where you want the button to be placed.
- Click the "Styles" dropdown in the toolbar and select the style button you wish to use. See details on the styles below.
- When the button is placed on the page, type the link text into the button. See the notes on link text.
- Highlight the linked text within the button, then click the Insert/Edit Link option in the toolbar.
- 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
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.
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.