Design
The Mason Twenty Twenty WordPress theme has been designed to coordinate with the university’s digital identity, and everything is mobile-friendly.
On-Brand Color SchemesUsing the WordPress theme customizer, you can select from a list of pre-defined color schemes. If you need additional flexibility, the theme customizer also offers an Additional CSS section for additional custom style rules.
The theme includes two page template options: a full-width template and a narrow template.
The yellow link bar at the top is intended for university-level links, used where appropriate to provide consistent navigation across university websites. This bar can be turned on or off in the theme customizer. The links in this bar can be customized by setting a native WordPress menu to the “University Menu’ menu location.
The green bar in the header is the university breadcrumbs bar, intended to help orient users as to the website’s place in the university’s organizational structure. You can optionally specify a Mason unit and/or department under which the website is categorized.
By installing the Mason Custom Widgets WordPress plugin, you can make use of custom WordPress widgets styled to coordinate with the Mason WordPress theme. And in some cases we’ve implemented CSS integrations with common third-party plugins so that their style coordinates automatically.
Widget Areas
The Mason Twenty Twenty theme offers several custom widget areas:
Site-wide Alert RibbonThe site-wide alert ribbon widget area is used in coordination with the Mason alert custom widget to easily add an alert message across all pages of your website.
This widget area corresponds to the website homepage banner area, and it allows you to add any widgetized content into the website banner, including a call-to-action menu, a search box, simple text, etc.
This widget area appears on the homepage only above the main page content. It allows you to add homepage specific content by using widgets.
This widget area appears on the homepage only below the main page content. It allows you to add homepage specific content by using widgets.
Menu Locations
The Mason Twenty Twenty theme offers several custom menu locations:
University LinksThe university links menu location corresponds to the optional yellow university links bar at the top of the site header. You can customize this menu by setting a WordPress menu to this location. If no menu is specified, the menu will display a default set of links.
The prominent links menu appear within the university breadcrumbs bar (the green bar in the site header) aligned to the right. This area is recommended for a small number of utility links.
This menu location represents the website’s main navigation menu. It supports three levels of menu hierarchy with drop-downs. The color can be changed by specifying a color scheme in the theme customizer.
By default, the mobile menu will display the same links at the desktop horizontal menu (above). However you can override this if desired to provide a mobile-specific menu by assigning a different WordPress menu to this location. Most of the time, you will likely not use this menu location.
The social media menu is intended to display links to related social media profiles. On large screens, this menu appears above the website footer; on small screens, it appears at the bottom of the website menu. The social media menu links will display the icon appropriate to each social media platform automatically.
The footer social media menu is intended to display links to related social media profiles. This menu appears in the website footer just above the contact information block. It operates in the same was as the normal social menu, in that the social media menu links will display the icon appropriate to each social media platform automatically.
This menu location corresponds to the small links at the bottom of the website footer. If no menu is assigned to this menu location, the footermenu will display a default set of links. However you can customize this menu by assigning a WordPress menu to this location.
Other Features
Theme CustomizerThe theme customizer has been configured with lots of options to customize the theme. You’ll find options for providing organizational information, contact information, color scheme selection, etc. We’ve also included an Additional CSS section in the theme customizer, so that you can tweak your style rules as appropriate.
We’ve included contact details, theme information, and useful links directly in the WordPress dashboard.
The login page has been modified with an improved style and less-verbose login error messages to improve security.