Staff Member Component

---

The Staff Member component displays a single person directly from an Add-Ons staff listing. This component can be used multiple ways, it can display a specific person's information or randomly select a member from the listing every time the page is visited. It is a great way to feature a single person, display a primary contact, introduce faces, or put a group in the spotlight. Because this component generates code that cannot be rendered, you will see a placeholder card that displays the component options during preview in the CMS.

This component is intented to be used in addition to staff listing pages. Do not use this component to create custom staff listing pages. Doing so can negatively affect SEO and consistency when browsing the site.

 

Component Fields

---

Staff Listing ID

The unique ID associated with the Staff Add-on from which you want to show a person. To find the ID associated with a Staff Add-on, you can do so by logging into Add-Ons and selecting Staff.

 

Image Size

The size of the person's photo. Large works best in main columns, while small is ideal for side columns or column snippets.

• Small
• Large

 

Display Settings (Optional)

Additional options to control the look of the component and information displayed.

• Hide Image - Hides the person's photo from the component, only displaying the name, title, and contact information.
• Card Style - Adds a border around the component like the card snippet.
• Show Sections - Displays the additional custom sections from Add-Ons.

 

Email (Optional)

Add the email of someone from your staff listing to display only that person. The email must belong to someone in the Staff Listing whose ID was specified.If this field is left blank a randomized person from the listing will be displayed every page visit.

 

 

Examples

---

Example 1

This example uses the random feature of the component to display a random member from the example staff listing with a small image. Refreshing this page should display a different staff member below.

Staff Listing ID: 1
Image Size: Small
Display Settings: N/A
Email: N/A

 

 

Example 2

This example displays a specific staff listing by using the Email field. It also uses a large image as well as the card style and show sections display settings.

Staff Listing ID: 1
Image Size: Large
Display Settings:
Card Style
Show Sections
Email: laika.dog@wku.edu

 

 

Example 3

This example hides the image and only displays contact information for a specific person using the card style.

Staff Listing ID: 1
Image Size: Small
Display Settings:
Hide Image
Show Sections
Email: rolf.dog@wku.edu