Introduce your team members.
The People widget displays photos of people within your team or organisation, and links to their user profile page. You can choose which users to display and in which order to display them by using user groups.
First, create a user account for each user that your wish to display. (This can also be performed by duplicating the example content/authors/admin/ folder for each user and modifying its contents appropriately.)
Add each user to a user group using the user_groups option in the user account at content/authors/<USERNAME>/_index.md. For example setting user_groups: ["Researchers", "Visitors"] in a user account will add that user to the Researcher and Visitors groups which we can display in the People widget.
The Meet The Team section in the demo with filename people.md uses the People widget. Set active: true in its front matter to view the section.
Edit the front matter of a section to add the People widget. You can personalize options such as the user groups to display and whether you would like the show each user’s social links and interests:
widget: people
headless: true # This file represents a page section.
# ... Put Your Section Options Here (title etc.) ...
content:
# Choose which groups/teams of users to display.
# Edit `user_groups` in each user's profile to add them to one or more of these groups.
user_groups:
- Principal Investigators
- Researchers
- Grad Students
- Administration
- Visitors
- Alumni
design:
# Show user's social networking links? (true/false)
show_social: false
# Show user's interests? (true/false)
show_interests: true
# Show user's role?
show_role: true
# Show user's organizations/affiliations?
show_organizations: true
Person not showing in the People widget?
Hugo will only generate a user’s profile if the user is associated with a piece of content by having their username appear in the authors field of a page’s front matter. Therefore, if a user does not appear in the widget, edit the user’s profile to add an authors field containing their username (folder name) to force Hugo to generate their profile even though it’s not directly associated with any content. For example,
authors:
- <USERNAME>
