Adding Links to a Page
Links provide navigation throughout a Web page. When creating links, keep in mind:
- No new windows: Current best practices, ADA compliance and our policy advise you to minimize launching new windows for links. The default behavior for a user is to use the back button when navigating a site.
- Never create links with the text "click here;" ADA compliance requires that links provide clear information about where the link will take the user.
- Check external links regularly. Sites may expire, change or become irrelevant. There are many tools you can use to scan your site for broken links, such as Xenu.
- Underlining text should not be used anywhere other than to denote a link.
Creating an Internal Link
- Select the text you wish to become the link.
- Click Insert/edit link.
The Insert/Edit Link window will appear.
- Select the Internal radio button
- Click Choose File, Page, or Link to navigate to the page you wish to link.
- Type in a title to enhance accessibility. The title will show if the user hovers their mouse over the link. Best practice says that if the link takes you away from the current site, tell the user.
For example in Title type: Link to ... website.
- Click Insert/Update to add the link.
To edit a link, select the existing hyperlink and click . Use unlink icon to remove all or part of the link from text on your page. Make your changes and click Update.
Creating an External LInk
- Select the text you wish to become the link.
- Click Insert/edit link.
The Insert/Edit Link window will appear.
- Click the External radio button and type the full URL in the Link box (e.g., http://www.google.com/). Make sure you include the "http://" otherwise the link will be broken.
- Click the External radio button and type the full URL in the Link box (e.g., http://www.google.com/). Make sure you include the "http://" otherwise the link will be broken.
- Click Insert/Update to add the link.
To edit a link, select the existing hyperlink and click . Make your changes and click Update.
Creating an email link
Creating a link to a file
Creating a link to a PDF file, Word document or Excel file, is similar to adding a link to a page. The only caveat is, you must first upload the file before you can link to it. Follow the instructions in the previous section Uploading Files for help with that.
- To begin, select the text that will become the link
- Click Insert/edit link.
The Insert/Edit Link window will appear.
- Select the Internal radio button and then click Choose File, Page, or Link to navigate to the page you wish to link.
- Select the file and click Confirm, then add "title" text. Then click Insert
- The link is now in place. Click Submit at the bottom to save your changes
To create an External Link, begin by selecting Add Content > Create > New External Link. By default the new link will be placed into the _cascade > links folder. This can be moved later if the external link is to be shown in a left navigation menu.
There are only a few items that need to be filled in:
- Give the link a system name - like all system names, lowercase and no spaces.
- Fill in the display name - the type that will show in the left menu or quicklinks list.
- Enter the complete URL - everything including the http:// at the front.
Click the submit button and the link is created in the links folder. If you want this to be part of a left menu, now you can move it to the folder where it should be, and then reorder the list if needed.
Quick links, a collection of important links that's often featured beside content on a landing page, are available to create via our content block.
- Class - the choices are either Bullets, Buttons, Menu, and No Bullets. Examples are below.
- Title of the box - This is optional, but often preferred. We tend to use all-caps, ala "QUICK LINKS" or "RESOURCES."
- + and - - Use this to add, remove, and rearrange links.
- Link Text - This is the text that will appear for the link.
- Page, file, or external link - Pick out in cascade asset you want to send users to.
- Icon - If the link is a PDF, external link, Word Document, or Intra link, please click the correct button.
When complete, you can add the block into the right column of your site.
Remember, blocks cannot be published. After completing your changes, don't forget to publish every page that has this quicklink box (in many cases this means publishing the entire site) to see your changes on the live site.
Use: highlight a link on a page, often on main pages or for very important links.
Permissions: ask the Web Team to create one for your page.
How: to make a button, create an <a> tag and add any of these classes to it:
button-bordered
Emergency Servicesbutton-bordered block
Emergency Servicesbutton-bordered block hide-link-icon
button-blue
Emergency Servicesbutton-blue block
Emergency Servicesbutton-blue block hide-link-icon
button-bg3 block
Emergency ServicesExample
<a class="button-bordered" href="https://www.example.com/">Emergency Services</a>