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.

For help with your site's navigation or for questions on any of the information below, please contact your assigned Web Implementation Team (WIT) member.

---

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 >>

---

How to Use a Menu Link:

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 >>

---