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.
- Norwegian Elkhound
- rolf.dog@wku.edu
- Nashville, TN
- (615) 555-BONES
- Squirrels? BORK
- Hungry? Always
- 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.
- Goldendoodle
- laika.dog@wku.edu
- Nashville, TN
- (615) 555-BONES
- Loves Playing Ball
Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball Ball . I love Ball.
- Aug 2019
- Nov 2019
- Dec 2019
- Jan 2020
- Most months.
- 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.
- Norwegian Elkhound
- rolf.dog@wku.edu
- Nashville, TN
- (615) 555-BONES
- Squirrels? BORK
- Hungry? Always
- Staff Listing ID: 1
- Image Size: Small
- Display Settings:
- Hide Image
- Show Sections
- Email: rolf.dog@wku.edu
Need Assistance?
The WKU ITS Service Desk is here to help. Give us a call, chat with a representative online, use the Self-Help Knowledge Base and more.
Some of the links on this page may require additional software to view.