Creating Links | CMS Knowledge Base

Creating Text Links

Linking text allows users to click words or phrases to navigate to another page, document, or external website. Use clear, descriptive text so users understand where the link will take them.

Step by Step Instructions: Linking Text

1. Edit the content region
   • Click the green Edit button in the content region where the link will appear.
2. Enter the link text
   • Type the words users will click to open the document.
   • Use clear, descriptive text (for example: Employee Handbook).
3. Highlight the text
   • Select the text you want to turn into a link.
4. Insert the link
   • Click the Insert/edit link icon (looks like a chain link) in the WYSIWYG toolbar.
5. Choose the document source
   • Use the Source button to locate the document in the _resources folder, or insert an external document link (such as a Google Doc).
   • Browse to the correct page or file and use the dependency tag whenever possible. Dependency tags keep links working even if files are renamed or moved. Pasting a full URL may cause broken links if changes are made later.
6. Enter the link title
   • Add a descriptive title for the link to support accessibility.
7. Save and publish
   • Click Save, then Publish (or submit for approval, if required).

Linking Text to a Document

Linking text to a document allows users to click words or phrases to open or download files such as PDFs, forms, or handbooks. Use clear, descriptive link text so users understand what document they are accessing.

1. Edit the content region
   • Click the green Edit button in the content region where the link will appear.
2. Enter the link text
   • Type the words users will click to open the document.
   • Use clear, descriptive text (for example: Employee Handbook).
3. Highlight the text
   • Select the text you want to turn into a link.
4. Insert the link
   • Click the Insert/edit link icon (looks like a chain link) in the WYSIWYG toolbar.
5. Choose the document source
   • Use the Source button to locate the document in the _resources folder, or insert an external document link (such as a Google Doc).
   • Browse to the correct page or file and use the dependency tag whenever possible. Dependency tags keep links working even if files are renamed or moved. Pasting a full URL may cause broken links if changes are made later.
6. Enter the link title
   • Add a descriptive title for the link to support accessibility.
7. Save and publish
   • Click Save, then Publish (or submit for approval, if required).

Note:

• Use descriptive link text instead of “click here” to improve accessibility.
• Use dependency tags whenever possible to prevent broken links.

Creating Clickable Email Links

Email links allow users to quickly contact a person or department directly from a web page. When clicked, the link opens the user’s default email application with the address pre-filled. Use clear, descriptive text and include a link title to support accessibility.

1. Enter the email text
   • Type the clickable text along with the email address.
   • Example: Email Rowdy RiverHawk at rowdyrh@nsuok.edu.
2. Highlight the text
   • Select the text that will become clickable.
3. Insert the link
   • Click the Insert/edit mailto link icon (the envelope shaped icon) in the WYSIWYG toolbar.
4. Enter the email address
   • In the URL field, enter the full email address.
5. Save the link
   • Click Save to apply the link.
6. Add a link title (tooltip)
   • Click the linked text, then click the Edit Link icon.
   • Enter a descriptive title so a tooltip appears when users hover over the link.
7. Save and publish
   • Click Save, then Publish (or submit for approval, if required).