Page Settings

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

    Navigation

    Without navigation, no one would be going anywhere!

    You probably won't have to change your site's navigation very often, but just in case you do, we've included some training here.  Navigation is very important to a website, which is why it would be a good idea to review the navigation Best Practices page before going through the following training.

    How to Add a Landing Page to Your Site's Navigation:

    1. After logging in to dotCMS you will be taken to the Website Browser tab.
    2. Navigate to the section of your site where you would like to add another page.  You should be seeing in the list of pages all of the other pages on the same level as the one you are going to create.  Your new navigation item will be comprised of a sub-folder AND sup-page of the last folder you clicked into.
    3. In the upper right area of the Website Browser view, click on the "Add New" dropdown.
    4. Select "Folder".
    5. Fill in the "Title" field with what the folder should be named in your navigation.
    6. The "Name (URL)" field will automatically populate with the name of the folder as it will appear in dotCMS and in the web address associated with pages in this section of your site.
    7. Check "Show on Menu" to get the folder to show up as a navigation item.
    8. Click "Save" when you are finished.
    9. Double click on the folder you just created.
    10. In the upper right area of the Website Browser view, click on the "Add New" dropdown.
    11. Select "HTML Page"
    12. The "Add/Edit HTML Page" screen will appear.
    13. Fill in the "Page/Menu Title" with the text that you want to appear in the navigation.
    14. The "Page URL" field will fill in automatically, but you need to replace the automatic text with the word "index". 
    15. Choose a "Template" for your page based on the area of the Colorado College site where your specific site is located.
    16. Click on the "Advanced Properties" tab.
    17. Unselect the "Show on Menu" checkbox.
    18. When you are finished, click "Save" or "Save and Publish".

    Watch the video >>


    How to Add a Sub-Page to Your Site's Navigation:

    1. After logging in to dotCMS you will be taken to the Website Browser tab.
    2. Navigate to the section of your site where you would like to add another page.  You should be seeing in the list of pages all of the other pages on the same level as the one you are going to create.  Your new page will be a sub-page of the last folder you clicked into.
    3. In the upper right area of the Website Browser view, click on the "Add New" dropdown.
    4. Select "HTML Page".
    5. The "Add/Edit HTML Page" screen will appear.
    6. Fill in the "Page/Menu Title" with the text that you want to appear in the navigation.
    7. The "Page URL" field will fill in automatically, but you can change it at this point if necessary.
    8. Choose a "Template" for your page based on the area of the Colorado College site where your specific site is located.
    9. When you are finished, click "Save" or "Save and Publish".

    Watch the video >>


    1. To create a Menu Link that links from the navigation to another area within your own site, navigate in the Website Browser tab to the folder where you would like to add the extra navigation item. 
    2. In the upper right area of the Website Browser view, click on the "Add New" dropdown.
    3. Select "Menu Link".
    4. Fill in the "Title" field with the text you want to appear in your navigation.
    5. Leave the "Type" selection set to "Internal Link".
    6. Click on the "Browse" button, navigate to the page that you want to link to, then click on the name of the page.
    7. You will be taken back to the "Add/Edit Link" page.
    8. Leave the "Target" dropdown empty.
    9. Click on the "Show on Menu" checkbox to select it.
    10. Click "Save" when you are finished.

    Watch the video >>


    General Recommendations for Navigation and Links:

    • Organize navigation by what makes sense to an outsider, not by organizational chart
    • No more than 8-10 links in a navigation list
    • Try not to have pages more than "3 levels" deep in your site
    • Do not use capitalization, spaces or special characters in the names of your folders or pages as it will cause issues with your URL.
    • Most navigation in your site should be created using folders, where the "index" page does not show in the navigation.  See the "How-to's" on creating navigation items.
    • Do not repeat link titles in the same section of navigation
    • Navigation should be present from every page
    • Navigation links should only go to pages within that section
    • Do not use years or dates in link titles (leads to broken / outdated links)
    • Links should almost always open in the same window (use open in new window sparingly, usually for files like PDFs or, in some cases, for links which are external to the site)
    • Make good use of in-line linking within paragraphs of content on your site

    Recommended Navigation (in this order) for Academic Departments / Programs:

    • About [Optional]
    • People
    • Courses
    • Major / Minor Requirements
    • Resources for Students
    • Research [Optional]
    • Facilities [Optional]
    • Alumni [Optional]
    • Other Dept. Specific Links [Optional]
    • News and Events

    Recommended Navigation (in this order) for Offices and Other Sites:

    • About [Optional]
    • People [Optional]
    • Resources [Optional]
    • Other Dept. Specific Links [Optional]
    • News and Events [Optional]

    Take a look at the full Information Architecture recommendations (written by our web design company, White Whale) for Academic Departments and Administrative Offices.


    Related Links

    Contact

    Charlotte "Lo" Wall '19
    Web Communications Paraprofessional
    lwall@coloradocollege.edu
    719-389-6139