A widget is an external application that can be run on the website to increase ease of navigation for users. The main widgets that Allegheny uses are as follows:
Text:
A text widget is simply a text box to be placed on the sidebar of the site.
Search:
Creates a search bar with a custom search of the Allegheny site.
Recent Posts:
Automatically displays the last several posts on the site.
Contact:
The most used widget, this is important for allowing users to contact the department directly, and is a primary method for finding contact information, along with the directory. Information in the field includes geographic location, phone, fax, and email addresses, as well as social media links.
Code
<ul class=”icons”>
<li><i class=”fa fa-map-marker”></i>454 House</li>
<li><i class=”fa fa-phone”></i>814-867-309 </li>
<li><i class=”fa fa-fax”></i>555-555-5555 </li>
<li><i class=”fa fa-envelope”></i><a href=”mailto:name@allegheny.edu”> name@allegheny.edu</a></li>
<li><i class=”fa fa-facebook”></i><a href=”https://www.facebook.com/alleghenycollege/”>Like us on Facebook</a></li>
</ul>
In the Contact widget, full html code must be used, without the short code that is used on the rest of the site. Additionally, any icons used must use the full “fa fa-ICON” syntax.