Header Navigation and Footer Links-Templates and CMS - Carnegie Mellon University

Header Navigation and Footer Links

Header navigation and footer links are site-wide elements, meaning they will appear on every page of your website.  Header navigation and footer links are less prominent than the left navigation, and are typically used as an alternate method of providing links to pages or email addresses. Header navigation and footer links are optional.

Header Navigation

Header Navigation

Unlike the left navigation, the header navigation is not automatically generated when you create pages and folders, and you will need to manually populate the header navigation.  Before doing so, first create the folders and pages for the items to be included in the header navigation (create the folders and pages as you normally would in the CMS, however be sure to set the left navigation behavior for these items to be hidden unless selected. Please see the Create a Folder page for further instructions.) Once the folders and pages have been created, you may proceed to add them to the header navigation.

Header navigation (also referred to as top navigation) is administered through the site-config page in the _internal folder of your website.

  1. From your website's parent folder, go to _internal (folder) > site-config (folder) > site-config (page):

    Site Config
  2. Click the Edit tab. On the next page, look for the section called Top Navigation.

    header Navigation

    Edit the top navigation as follows:
    • Add symbol (plus) - Adds another link to the top navigation bar.
    • Delete (minus) symbol - Removes the link.
    • Up/Down arrows - Changes the order of the items.
    • Label - Type the text you wish to become the link. Labels should be kept short, one word is ideal (e.g., News)
    • Title - Type a more descriptive name for the top navigation item. (e.g., News & Announcements) Title appears when a visitor rolls over the link.
    • Link (CMS) - Browse to link to a file or page within the CMS.
    • Link (external) - Type the full URL (e.g., http://www.cmu.edu) or enter an email address. 
  3. Click the Submit button when you are done.  The site-config page does not need to be published, however every page in the website that displays the header navigation needs to be published in order to reflect the changes made.

Footer Links

Footer links are displayed at the bottom of every page and can be used for providing quick and easy access to general links such as a contact email address. By default, the Carnegie Mellon Home page will always appear as the last footer link.

Footer Links

Similar to the header navigation, the footer links are administered through the site-config page in the _internal folder of your website.

  1. From your website's parent folder, go to _internal (folder) > site-config (folder) > site-config (page):

    Site Config

  2. Click the Edit tab. On the next page, look for the section called Footer Links.

    Footer Links
  3. Editing the footer links section is similar to editing the header navigation section:
    • Add symbol - Adds another link to the footer links section.
    • Delete (minus) symbol - Removes the link.
    • Up/Down arrows - Changes the order of the items.
    • Label - Type the text you wish to become the link.
    • Link (CMS) - Browse to link to a file or page within the CMS.
    • Link (external) - Type the full URL (e.g., http://www.cmu.edu) or enter an email address.  Linking an email address will always require "mailto:" preceding the email address (see example above.)
  4. Click the Submit button when you are done.  The site-config page does not need to be published, however every page in the website that displays the footer links needs to be published in order to reflect the changes made.