Faculty Landing Block


Requires one or more Faculty Bio Blocks. This component presents those blocks in a summarized fashion, showing the image, name, title and contact info. The information aggregated from a particular Faculty Bio Block also links to a separate page for that block

On-page Example

To preview a live example of the component or inspect the code, click the link below

Faculty Landing Block example

Component Specifications

Item/Field Description Required/Optional
Title Field type: Single line text
Text: H2
Character Limit: 30
Wrapping: Single line
Underline: Orange underline centered on text that covers half screen size
Faculty Member
Number: No limit
Display: Dependent on number of faculty
Hover: Card gets an orange overlay
Click: Entire card image is clickable
Hover: Remove underline
Card - Image Field Type: Image
Aspect Ratio: 1:1
Optimal Image Dimensions: 285X285
Card - Description     Text Fields:
Name (bold)
Phone (link)
Email (link)
“See Bio” (Faculty Bio Link URL)
Hover: remove underline

When to Use

  • You want to showcase faculty or staff for a small organization.
  • The page showcasing faculty or staff does not have other elements on it.

When to Consider Something Else

  • You want to create a directory for a moderate to large organization
  • The showcase needs to live on the same page as a number of other elements.

How to Use

In WordPress, additional pages must be created for each Faculty Bio Block to be aggregated.

In TerminalFour, the Faculty/Staff Bio content must be placed into a subsection of the section containing this component, and that section must be named Biography

Take care that the images used appear appropriately in this element in addition to how they appear in the Faculty Bio Block. Images without large amounts of space above and below the individuals head work well

There are two visual styles for this component, using light and dark gray backgrounds.