You can design MemberPress profiles using premade Starter Patterns or create your own custom design. MemberPress Profiles are Gutenberg-based, which means you can design profiles with profile-specific blocks and any other Gutenberg block.
This document will explain how you can design MemberPress profiles to fit your webesite and branding,
Using Profile Starter Patterns
MemberPress includes four professional profile patterns as starting points:
- Profile Classic positions the member profile photo and name to the left side of the profile header. All other member information is aligned to the left;
- Profile Classic – Right mirror reflects the Classic pattern header, featuring a member profile photo and name. All other member information remains aligned to the left;
- Profile Classic – Centered aligns the member profile photo and name in the center, with all information aligned to the left;
- Profile Split Layout divides profiles into three distinct sections. The profile header is located at the top of the page, and the rest of the page is divided into two sections: left and right. Here, the member profile photo and name are located on the left. The remaining member information is located on the right.
When adding a new profile type, you will be prompted to choose one of the available Starter Patterns.
If skipped, you can add these patterns through the Block inserter:
- Navigate to the profile type, hover over its name, and click Edit.
- Click the Block inserter + icon.
- Next, click the Patterns tab, and scroll down to the Strater Content group.
- Select your preferred pattern to add it to the Profile.
Patterns are groups of Profile blocks. You can add or remove Profile blocks, add any additional Gutneberg blocks, and customize each block to match your brand.
Working with Profile Blocks
The Profile blocks are individual components you can use to design your member profiles using the default (Gutenberg) editor.
Each MemberPress Profile block is used to display member-specific data on users’ Profile pages and comes with extensive customization options:
- The Profile Header Block spans over the full width of the profile card. Configure background colors, enable cover images, control height, and add overlays for text readability.
- Profile Section Blocks organize content into logical groupings. Add titles, customize backgrounds, control padding, and apply borders for visual separation.
- The Profile Photo Block displays member images with size controls, shape options (square, rounded, circular), border treatments, and fallback images for members without photos.
- Profile Cover Blocks show banner images, allowing personal expression. Set default covers, control dimensions, adjust positioning, and add overlays, ensuring content visibility.
- The Profile Name Block presents member identities with format options from first name only through formal full names, plus typography controls and supplementary text for titles.
- Profile User Fields Blocks display information from member profiles and custom fields. Select which fields appear, control labels, arrange in columns or lists, and handle empty fields intelligently.
- Profile Icons Blocks add any icon to your profiles. Use this block to add icons to headings, or anywhere on the profile page. You can choose any available icon and set its sizing, spacing, and colors.
