Member Directory

The member directory is where visitors discover and connect with your community members. BuddyX Pro provides three distinct layout styles and extensive customization options to showcase your members beautifully.

The Members Directory with Style 2 (Card with Cover Images) layout showing member cards with avatars, cover images, names, join dates, last active times, and Add Friend buttons

What You Can Do

With BuddyX Pro’s member directory features, you can:

Choose from 3 card layout styles
Show/hide member information elements
Display online status indicators
Show follower and following counts
Add custom default cover images
Display member type badges
Control information density
Optimize for mobile and desktop

Directory Layout Styles

BuddyX Pro offers three distinct member directory layouts.

Style 1: Default (Classic List)

Style 1 – Classic horizontal list layout with avatars on left and member info on right

Best For: Traditional social networks, forums

Features:

Horizontal list layout
Avatar on left
Member info on right
Clean, scannable design
Maximum information density

What Members See:

Large avatar (circular or square)
Member name as clickable link
Joined date
Last active timestamp
Action buttons (Add Friend, Send Message)

When to Use:

Communities with 100+ members
Forums and discussion sites
Information-heavy communities
Desktop-focused audiences

Style 2: Card with Cover Images

Style 2 – Card layout with cover images and overlapping avatars

Best For: Visual communities, portfolios

Features:

Card-based grid layout
Cover images at top
Avatar overlays cover
Modern, visual design
Instagram-like appearance

What Members See:

Cover image background
Profile avatar (overlapping cover)
Member name
Meta information
Online status indicator

When to Use:

Creative communities
Photo-focused networks
Portfolio sites
Communities with <200 members
Visual, modern brands

Requirements:

Cover images look best when most members have them
Custom default cover recommended

Style 3: Card with Action Buttons

Style 3 – Card layout with prominent action buttons for quick interactions

Best For: Professional networks, directories

Features:

Compact card layout
No cover images
Quick action buttons
Private message button
Clean, professional look

What Members See:

Profile avatar
Member name and info
“Private Message” button (if logged in)
Meta information
Profile type badge (optional)

When to Use:

Professional networking sites
Business directories
Dating/matchmaking communities
Action-oriented communities

Unique Features:

Prominent messaging button
Space-efficient cards
No cover image clutter

How to Change Layout Style

Go to Appearance > Customize
Navigate to BuddyPress > Members
Find Members Directory View
Select: Style 1, Style 2, or Style 3
Click Publish
Visit your members page to see the change

Page Refresh Required: Live preview is not available. Publish and refresh to see changes.

Cover Image Customization

Available for: Style 2 and Style 3 layouts

Add visual appeal with custom cover images.

Setting Default Cover Images

When members don’t upload their own cover, show your custom default:

Customizer > BuddyPress > Members
Enable Customize Members Cover Background
Click Set Default Cover Image
Upload your image
Click Publish

Cover Image Best Practices

Recommended Dimensions: 1300px x 225px

Design Tips:

Use subtle gradients or patterns
Avoid bright colors that clash with avatars
Don’t include text (accessibility)
Keep file size under 200KB
Test with various avatar positions
Use WebP format for best performance

Good Default Cover Ideas:

Branded gradient
Subtle geometric pattern
Community logo watermark
Themed background (tech, nature, abstract)
Solid color with texture overlay

What to Avoid:

Photos with faces (confusing)
Busy patterns (distracting)
Dark images (poor contrast)
Text or logos (accessibility issues)

Member Information Elements

Control exactly what information displays on member cards.

Available Elements

Element	What It Shows	Default	Performance Impact
Online Status	Green/gray dot indicator	On	Medium (cached)
Profile Type	Member type badge	Off	Low
Followers	Follower count	Off	Low
Last Active	“Active 2 hours ago”	On	Low (cached)
Joined Date	“Joined Jan 2024”	On	None

How to Configure Elements

Customizer > BuddyPress > Members
Scroll to Member Directories Elements
Check/uncheck desired elements
Click Publish
Refresh directory page

Note: Changes won’t show in Customizer preview. Publish and refresh to see results.

Element Details

Online Status

What It Is:

Real-time activity indicator
Green dot = active in last 5 minutes
Gray dot = offline

Why Show It:

Encourages real-time connections
Shows community activity level
Helps members find active users

Why Hide It:

Privacy concerns
Reduces database queries on large sites
Professional communities prefer no tracking

Performance Note: Cached for 5 minutes per user to reduce database load.

Profile Type

What It Is:

Visual badge showing member category
Examples: “Teacher”, “Premium Member”, “Admin”

Why Show It:

Multi-tiered communities
Different member roles
Paid vs free members

Why Hide It:

All members same type
Minimalist design preference
Reduces visual clutter

Requirements: You must set up BuddyPress Member Types first.

Followers Count

Requirements: BP Follow plugin or BuddyBoss Platform

What It Shows:

“25 Followers” text
Not clickable in directory

Why Show It:

Social networking communities
Gamification
Showcase popular members

Why Hide It:

Not using follow feature
Reduces “popularity contest” feeling
Simpler, cleaner design

Last Active

What It Shows:

“Active 3 hours ago”
“Active this week”
Relative timestamps

Why Show It:

Shows community engagement
Helps find active members
Encourages participation

Why Hide It:

Privacy-focused communities
Pressure on inactive members
Professional networks

Joined Date

What It Shows:

“Joined Jan 2024”
Month and year only

Why Show It:

Celebrates long-time members
Shows community growth
“Veteran” vs “new” member distinction

Why Hide It:

All members joined recently
Avoid highlighting age differences
Minimalist design

Online Status Indicators

Help members see who’s currently active.

How It Works

Technology:

Checks last activity timestamp
Active = activity in last 5 minutes
Updates every 5 minutes
Results cached for performance

Visual Display:

Green dot – Online now
Gray dot – Offline
Appears next to avatar

Where It Appears

When enabled, online status shows in:

Member directory cards
Single member profiles
Activity stream
Group member lists

Privacy Considerations

Show Online Status When:

You have a real-time community
Members expect social networking features
You want to encourage live conversations
Gaming or chat-based community

Hide Online Status When:

Privacy is important
Mental health or support groups
Members need anonymity
Professional formal environments

How to Disable:

Customizer > BuddyPress > Members
Uncheck Online Status
Customizer > BuddyPress > Single Member
Uncheck Online Status there too
Publish

Search and Filter Features

BuddyPress provides built-in member search and filtering.

Available Filters

Members can filter directory by:

Newest Members – Recently registered
Active Members – Recently active
Popular Members – Most connections
Alphabetical – A-Z by name

Search:

Search by name
Search by username
Real-time filtering

How Members Use Filters

Visit members directory
Click filter dropdown
Select filter option
Results update automatically

No Configuration Needed: Filters work automatically with all layout styles.

Pagination and Performance

Default Settings

24 members per page (BuddyPress default)
AJAX pagination (no page reload)
Infinite scroll option (with plugins)

Performance Tips

For Large Communities (1000+ members):

Keep online status enabled (it’s cached)
Disable unnecessary elements
Use Style 1 (Default) layout
Consider reducing members per page
Use caching plugin

For Small Communities (<200 members):

Style 2 (Card) looks great
Show all elements
Encourage cover image uploads

For Medium Communities (200-1000 members):

Style 3 (Card1) good balance
Selective element display
Monitor page load times

Optimizing Cover Images

If using Style 2:

Encourage members to upload covers
Use image optimization plugin
Serve images via CDN
Use WebP format
Lazy load images (with plugin)

Action Buttons

What members can do from the directory.

Style 1 and Style 2 Buttons

Add Friend (if friend component active)

Adds connection request
Changes to “Pending” or “Accept”

Send Message (if messages active)

Opens private message composer
Requires login

Style 3 Unique Button

Private Message

Prominent button on each card
Direct message access
Visible only when logged in
Hidden on own card

Requirements

For Add Friend:

BuddyPress Friend Connections component active

For Send Message:

BuddyPress Private Messaging component active
User must be logged in

Disabling Buttons: Deactivate components in Settings > BuddyPress > Components

Mobile Responsiveness

All layouts are fully responsive.

Style 1 (Default)

Stacks to single column
Avatar size adjusts
Maintains information hierarchy

Style 2 (Card)

3 columns → 2 columns → 1 column
Cover images scale proportionally
Touch-friendly cards

Style 3 (Card1)

3 columns → 2 columns → 1 column
Buttons remain accessible
Compact, thumb-friendly

No Configuration Needed: Responsive behavior is automatic.

Common Questions

Q: Can I have different layouts for different member types? A: No. The layout style applies to all members in the directory. Use custom CSS if you need type-specific styling.

Q: How do I increase members shown per page? A: This is controlled by BuddyPress settings, not the theme. Requires custom code or plugin.

Q: Why don’t cover images appear in Style 1? A: Style 1 (Default) doesn’t support cover images. Use Style 2 (Card) or Style 3 (Card1) for covers.

Q: Can members choose to hide their last active time? A: Not by default. BuddyPress shows this for all members. Custom development required for individual privacy.

Q: Will disabling elements improve performance? A: Marginally. Online status has the most impact. Other elements have minimal performance cost.

Q: How do I remove the member directory entirely? A: You would need to disable the Members component in BuddyPress settings (not recommended).

Q: Can I show member fields (like “Location”) in directory? A: Not through theme settings. Requires custom template editing or plugin.

Q: Why do some members have green dots and others gray? A: Green = online (active in last 5 minutes), Gray = offline or not active recently.

Q: Can I change the 5-minute online threshold? A: Yes, but requires custom code modification in the theme’s functions file.

Q: Do cover images slow down the page? A: They add page weight. Use optimized images (WebP, under 200KB) and caching for best performance.

Recommended Configurations by Community Type

Professional Network

Layout: Style 3 (Card1)
Show: Profile Type, Followers, Joined Date
Hide: Online Status, Last Active
Why: Professional, action-oriented, privacy-respecting

Casual Social Community

Layout: Style 2 (Card)
Show: Online Status, Last Active, Joined Date
Custom Cover: Branded gradient
Why: Visual, engaging, social

Forum Community

Layout: Style 1 (Default)
Show: Last Active, Joined Date, Online Status
Hide: Profile Type, Followers
Why: Information-dense, traditional

Creative Portfolio Network

Layout: Style 2 (Card)
Show: Profile Type, Joined Date
Hide: Online Status, Last Active
Custom Cover: Artistic pattern
Why: Visual showcase, less tracking

Learning Community

Layout: Style 1 (Default)
Show: Profile Type, Joined Date
Hide: Followers, Online Status
Why: Focus on learning, not social gaming

Dating/Matchmaking

Layout: Style 3 (Card1)
Show: Online Status, Last Active
Hide: Joined Date, Followers
Why: Quick messaging, see who’s available now

Related Settings

BuddyPress Customizer Settings – All customizer options
Member Profiles – Individual profile pages
Activity Stream – Activity feed features
Groups – Group directory and layouts

Need Help?

Visit our Documentation Portal
Contact Support at support@wbcomdesigns.com
View Video Tutorials