There isn’t a setting you can change to do this, but it’s possible in a theme.
Add this to admin > customize > themes > edit CSS/HTML > common > head
<script type="text/discourse-plugin" version="0.8">
const ajax = require('discourse/lib/ajax').ajax;
api.registerConnectorClass('about-after-moderators', 'custom-group', {
setupComponent(args, component) {
var groups = ["trainees", "interns"]; // Add group names here
groups.forEach(function(group) {
ajax("/groups/" + group + "/members.json").then (function(result){
var groupMembers = [];
result.members.forEach(function(members){
groupMembers.push(members);
});
component.set(group, groupMembers);
});
});
}
});
</script>
<script type="text/x-handlebars" data-template-name="/connectors/about-after-moderators/custom-group">
<!-- Duplicate me -->
<section class='about custom'>
<h3>{{d-icon "users"}} Our Trainees</h3> <!-- Change icon and title -->
<div class='users'>
{{#each trainees as |u|}} <!-- change group name here -->
{{user-info user=u}}
{{/each}}
</div>
</section>
<!-- duplicate end -->
<section class='about custom'>
<h3>{{d-icon "users"}} Our Interns</h3> <!-- Change icon and title -->
<div class='users'>
{{#each interns as |u|}} <!-- change group name here -->
{{user-info user=u}}
{{/each}}
</div>
</section>
<!-- Add more groups here -->
</script>
If you want to add more groups:
- Add the name where it says
// Add group names here
and then duplicate one of the sections - Duplicate the section surrounded by
<!-- Duplicate me -->
- Change the group name and title in the section you just duplicated (where noted)