Mason WordPress

Mason Twenty Twenty Theme

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 Schemes

Using 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.

Page Templates

The theme includes two page template options: a full-width template and a narrow template.

University Links Bar

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.

University Breadcrumbs Bar

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.

Styled Widgets

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 Ribbon

The 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.

Homepage Banner

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.

Homepage Content Top

This widget area appears on the homepage only above the main page content. It allows you to add homepage specific content by using widgets.

Homepage Content Bottom

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 Links

The 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.

Prominent 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.

Desktop Horizontal Menu (Main Navigation)

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.

Mobile Menu

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.

Social Menu

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.

Footer Social Menu

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.

Footer Menu

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 Customizer

The 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.

Built-In Support

We’ve included contact details, theme information, and useful links directly in the WordPress dashboard.

Improved Login Page

The login page has been modified with an improved style and less-verbose login error messages to improve security.