New Headers and Footers

Today we’re launching our new headers and footers. For many years now, we’ve offered our headers and footers as iframe codes, which worked well, until our new template came along in 2016. The new brand brought in different dimensions, styling, and navigation. This caused us a bit of trouble as the new dimensions and functionality would not work with the iframe setup found across various Tech-associated properties. This led us to seek out a new, long-term approach for headers.

Problem

Iframes are an easy way to embed pieces of content from other websites. However, they are limited in their integration with subpages. Our main issue dealt with height: all iframes were locked at 100px high. Whereas the new header changes in height depending on navigation type, and if the header is loaded on a mobile device. The same issues were found on the footer as well; the footer iframes simply can’t show enough detail, leading to contact information and other relevant links being cut off.

Solution

Use JavaScript! The new headers and footers are built with JavaScript which solves the issues mentioned above. The new headers allow you to have our horizontal navigation found throughout Tech’s site; you can pull in navigation from the CMS or build your own. Customize the navigation font size, the header type (same as before: mini, logo-only, full), custom search location, and to follow Tech’s main template: fixed header to stick to the top. Footers ship with the default contact information for the university, but information from a CMS site or custom contact information can be fed in.

Get Your New Header/Footer

Integration

Set up your new header or footer starting here. Then, copy the HTML/JavaScript snippet into where the banner(s) should show on your page. If you used our iframes in the past, you can just replace the iframes with your new snippets. And that’s it! Nothing difficult, but now you have a header or footer that follows the same style and technical build of the CMS banners. If you have any questions, please feel free to email webmaster@mtu.edu.

Video/360 Image Snippet

This snippet creates an embedded video or 360 image in your page’s main content area, additional content area, or right sidebar. To include a video at the very top of the page (known as the mediazone or hero area), follow the instructions for MultiEdit Content.

The size of the video/image will automatically adjust based on the location you insert it. A title and description can be included beneath it.

Example of an embedded video with a Title and Description.

Versions

A unique version of a page is saved through the automatic version control system every time a page is published. A backup version of a page can also be created manually with the use of the Save Version function.

Two years of versions of the page are kept in the system until the page is deleted. There is no limit to the number of versions that are stored in the system during those two years for an individual page or across all pages in the site. If a file is moved to the Recycle Bin and then restored, versions will still be preserved.

Unpublish (Recycle) and Restore

To remove content from a live site, pages and files must be moved to the Recycle Bin. Pages that are moved to the Recycle Bin can be restored, if necessary. When a page is recycled the published content is automatically removed. Once a page is deleted from the Recycle Bin or a folder is deleted, it can no longer be retrieved. Files that have been in the Recycle Bin for two years or more will be deleted twice yearly, in November and May.

If you are removing an entire folder, you should first check dependencies and remove all subscribers for all content items within the folder, then recycle the folder. Recycling an entire folder will not warn you of any dependencies for files inside.

Expire

You can schedule a page to expire at a specific date and time. The available options depend on the file type and your access permissions. Expire options can be reached from the Pages List View by opening the More Actions menu and selecting Expire under the Publish dropdown or from the dropdown arrow next to the green Publish button when you have the page open.

Expire option under the Publish menu on the Pages List View.

Expire option under the Publish dropdown on a page.

There are different options for expiring content, Replace or Recycle. For each option you have the ability to send a notification to yourself or a group of users. It will be sent with the CMS and you can select the Send Copy to Email checkbox to also send a notification to the user’s Michigan Tech email. You will select the To from the dropdown, enter a Subject, and enter a Message.

Before removing any page you should first check its dependencies.

Schedule a Publish

You can publish content at a later date using the Scheduled Publish tool. A scheduled publish can only be canceled or modified by the user who set the schedule.

Scheduled Publish can be reached from the Schedule Publish tab inside the Publish window, by selecting Schedule from the Publish menu in More Actions on the Pages List View, or by selecting Schedule from the dropdown menu of the Publish button in the Page Actions Toolbar.

Navigation (Top, Left)

Navigation on CMS websites is located at the top of every page as tabs with dropdown lists for subnavigation links. Left navigation is included on internal pages (unless left navigation is manually turned off)—displayed to the left of the content area on desktop or under an “Also in this section” accordion on mobile. The top and left navigation will always match.

Example webpage with top and left navigation circled.

Navigation is controlled through the _nav.shtml files automatically created with a new section or additional _nav.shtml files that are created manually. New pages are automatically added to the bottom of the parent navigation file if you select Yes for “Add Navigation Item” when creating them. These files must be published in order for changes to appear on the live site.

Each nav file controls the navigation for the section below it. If you are in the main root folder for a site, the _nav.shtml file will include the tab navigation links only. If you are in the first folder beneath the root folder the _nav.shtml file will have the subnavigation for the tab represented by that folder.

Navigation on the live site can include one additional level beneath this subnavigation, however these links will not appear until the user goes to the parent subnavigation page. Any nav files below that level would not be used on the site. If you are in the most interior page’s folder the _nav.shtml file will only contain the page you are on.

Preview

You can preview pages with all changes made in the CMS before publishing. You can also preview files. Preview is available to anyone with access to the site, including users with view-only access. You can preview a page regardless of the checked-out status of the file.  If you have the page open, click on the Preview tab in the Page Actions Toolbar.

Preview tab of the Page Actions menu.