People module - How it works
eCatholic's People module allows you to easily create profiles to list people's contact information (including links to their social media accounts and a headshot) on your website.
Instead of manually cropping headshots, formatting contact information, and linking email addresses in a Text/HTML module, let the People module do the work for you!
IN THIS ARTICLE:
- How to use the People module
- How to organize People module profiles (selecting display formats and creating groups)
- How to edit person settings (basic, social, and advanced settings)
How to use the People module
- 1
-
Drag and drop the People module onto the page
Navigate to the page on which you would like the People module to appear. Then, click Add Content > Core Modules, and click to drag and drop the People module onto the page.
NOTE: The People module is commonly used to list staff members on a site's Staff page.
- 2
-
Add a person
Once the People module has been added to the page for the first time, it will be empty. The next step is to create profiles that can be tagged to appear in the module on the page.
- Click on the Add Person icon that appears when you hover your cursor over the module (illustrated above). This will launch the Add People dialog.
- Click + New Person to begin creating a person's profile.
- Add the person's information in the Person Settings dialog (e.g., Name, Role, Email, Picture, etc.). Once you've added all the appropriate information, click Save.
- 3
-
Tag the person's profile to appear on the page
After creating a person's profile, it is added to your site's list of all People module profiles. There is one final step: You must tag their profile to appear on the page by clicking Add to Page. Finally, click Done.
Once you Publish your changes, the person's profile will appear on your website.
How to organize People module profiles
You can easily separate individual profiles into groups within the People module. You can also organize the appearance of the profiles by selecting your desired display format.
- 1
-
Selecting a display format
The People module allows you to easily select one of three display formats ( illustrated below):
- One per line
- Two per line
- Grid
Hover your cursor over the module and click the settings icon to select a display format.
- 2
-
Creating groups to organize profiles
To create groups and organize your profiles, complete the following steps:
- Hover your cursor over the People module and click the + Group icon (illustrated above).
- This creates a new group (titled New Group by default). Click the New Group text to edit the name of the group.
- Drag and drop profiles into the group (illustrated below).
How to edit person settings
Hover your cursor over an individual person's profile and click the settings icon to access the settings detailed below. There are three tabs within the Person Settings dialog: Basic, Social Media, and Advanced.
- 1
-
Basic person settings
Here's a breakdown of all basic person settings:
- Name - Visible within the module on the page
- Role - Visible within the module on the page
- Email - Visible within the module on the page
- Phone - Visible within the module on the page
- Picture - Click + Add Picture to upload and crop a person's head shot.
- The image will be cropped to to display within the module on the page at 128 x 128 pixels.
- Bio - Use the WYSIWYG editor to add the person's full bio.
NOTE: The full bio will appear on the person's profile page, not within the module on the page. Visitors can access a person's profile page by clicking on the person's name within the module.
- 2
-
Social Media person settings
Here's a breakdown of all social media person settings:
- Blog - Add a direct link to the person's blog.
- Facebook - Add a Facebook username or direct link to the person's Facebook profile/page.
- e.g., eCatholic or http://www.facebook.com/eCatholic
- Instagram - Add an Instagram username or direct link to the person's Instagram profile/page.
- e.g., eCatholic or https://www.instagram.com/ecatholic
- LinkedIn - Add a direct link to the person's LinkedIn profile.
- Pinterest - Add a direct link to the person's Pinterest profile.
- Twitter - Add a Twitter handle or direct link to the person's Twitter profile.
- e.g., @eCatholic or http://www.twitter.com/eCatholic
- Blog - Add a direct link to the person's blog.
- Website - Add a direct link to the person's website.
- e.g., http://www.eCatholic.com
- YouTube - Add a direct link to the person's YouTube channel.
- 3
-
Advanced person settings
Here's a breakdown of the advanced person settings:
- Alias - Edit the default alias (i.e., the URL that can be used to directly access the person's profile page).