KB User's Guide - SitePref Tab - Site Header and Site Footer

You must have full user permissions for your space to perform these steps.

This document will review how a user with access to the SitePref tab may create and enable site headers and site footers.

Site Headers

The Site Headers page allows you to add custom meta tags to your site, as well as create persistent banners that display across every page of your KB site.

To access the Site Headers page in the KB Admin Tools, go to the Site Pref tab > Site Headers link.

SitePref tab emphasis on site headers link

You will see four fields:

Meta Tags

The "Internal Site Header Meta Tags" and "External Site Header Meta Tags" fields allow you to add custom <meta> tags that will load in the HTML header of your site. For more information on <meta> tags and what they can be used to, please see the W3C guide to the HTML <meta> tag.

Alert / Banner

The Internal Site Header Alert / Banner and External Site Header Alert / Banner fields allow you to create a persistent banner that will display across every page of your KB site. This banner can be set to become active (i.e. visible on the live site) and expired (i.e. removed) on particular date and time. This is useful if you have critical information you wish to prominently share with all visitors to your site.

  1. In the field for the site you wish to add a banner to, enter the text that you would like to relay to your users in the box provided. You may optionally use HTML to decorate the text, or to add line breaks, paragraphs, hyperlinks, etc.

    The image below shows the External Site Header Alert / Banner field populated with an alert wiritten in HTML.

    external site header alert banner field with content
    • Note: If you would like to add this type of content but are unsure of how to format it in HTML, you can open a new doc and use the WYSIWYG editor to format the content as desired. Then, switch to the HTML editor / code view to copy out the HTML that was generated for you.

  2. Enter an Activation time and an Expiration time and click on the Update button to save your changes. You may click on the Expire now link and the Expiration field will auto-populate to the current date/hour/second. Should you click on the Never expire link, the Expiration field will auto-populate to 3000-01-01 00:00:00.

    Site Header Activation and Expiration fields

Site header alert / banner content will be displayed at the top of the main site header section, which is typically under the logo and search box

For sites using the UW-Madison Theme for KB, the default background color is light gray with a thick red border, and the text is black and centered.

Example of UW Theme red and gray banner

Changing the Background Color of the Banner

Those with full Site Admin rights can change the background color:

  1. In the KB Admin Tools, navigate to SitePref > FullView Layout/CSS.
  2. Determine the site in which you would like to change the banner color (e.g. the Internal Site Layout / CSS section or the External Site Layout / CSS section).
  3. Enter the code snippet below in the appropriate Site custom CSS field. (e.g. Internal site custom CSS Two):

    #header-banner {background: #XXXXXX none repeat scroll 0 0; border: 1px solid #XXXXXX;}

  4. Replace #XXXXXX with the hex colors of your choice.
  5. Click on the Update button to save your changes.
  6. Go to your live site to see the new color applied.

Below is an image of sample alert banner, where #XXXXXX was replaced with #CBDCED, or a blue background

Example of modified banner color

Site Footers

This section allows KB Site Admins the ability to specify what info is included in the Footer of their KB site. With the correct permissions, one can specify footer info for the internal and external site separately.

Then image below shows the Internal and External Site Footer fields. Each field is populated with HTML code.

Site pref field site footer link int and ext footer fields populated with html content

To add, modify, or delete Footers go to the SitePref tab in KB Admin Tools. Click on Footers link on the left navigation links. Click Update at the bottom of the page to save changes.

From this screen, you can also:

  1. Enable Facebook Plugin - Share your data with friends on Facebook.
  2. Enable Google Analytics - Generate detailed statistics about traffic, measures, etc.
  3. Google Analytics IP Masking - Removes the last octet of the user's IP address prior to its use and storage. This slightly reduces the accuracy of the geographic reporting.
  4. Google Analytics tracking ID - Field where you enter your own, distinct Google Analytics tracking ID number.
  5. Click on the Update button to sace your work.