All posts by qwfranke

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 cmshelp@mtu.edu.


New Blog Theme—Michigan Tech 2016!

new-blog

Look to the left, the top, or the right of this post. What do you see? You should be seeing our new WordPress theme! Earlier this year, we launched the new Michigan Tech homepage to much fanfare and with all the positive reactions, we had the idea to rollout the new design for our blogs.

OK, I admit: this was the plan all along. Starting now, as long as you are an admin for a blog hosted here on blogs.mtu.edu, then you have access to the new design and can enable it in just a few steps.
Continue reading