Block Patterns

Block Patterns

BuddyX Pro includes 60+ pre-designed block patterns for quickly building pages.

Overview

Block patterns are pre-built layouts that can be inserted into any page or post using the WordPress block editor. BuddyX Pro includes patterns for:

  • BuddyPress community features
  • Full page templates
  • Hero sections
  • Feature showcases
  • Testimonials
  • Call-to-action sections
  • And more

Using Block Patterns

Inserting a Pattern

  1. Open a page or post in the block editor
  2. Click the + button to add a block
  3. Select the Patterns tab
  4. Browse categories or search
  5. Click a pattern to insert it

Finding BuddyX Patterns

Look for these categories:

  • BuddyX BuddyPress – Community patterns
  • BuddyX Templates – Full page layouts
  • BuddyX Community – Social features
  • BuddyX LMS – Learning patterns
  • BuddyX WooCommerce – E-commerce patterns
  • BuddyX Dark Mode – Dark themed patterns

BuddyPress Patterns (14)

Patterns for building community pages:

PatternDescription
Active MembersGrid of recently active members
Activity FeedLatest activity stream display
Community HeroHero section for community pages
Community SidebarSidebar with community widgets
Community StatsMember and group statistics
Groups ListGrid of available groups
Login WidgetLogin/register form pattern
Member TestimonialsMember quotes and reviews
Members ListDirectory of members
Newest GroupsRecently created groups
Newest MembersNew member showcase
Online MembersCurrently active users
Sitewide NoticeAnnouncement banner
Why Join UsCommunity benefits section

General Patterns (25)

Versatile patterns for any page:

Hero Sections (5)

PatternDescription
Hero CenteredCentered headline with CTA buttons
Hero GradientGradient background hero
Hero MinimalClean, simple hero
Hero SplitImage on one side, content on other
Hero VideoVideo background hero

Feature Sections (5)

PatternDescription
Features AlternatingLeft/right alternating layout
Features CardsCard-based feature display
Features Grid 3-ColThree column feature grid
Features Grid 4-ColFour column feature grid
Features IconsIcon-focused feature list

Call to Action (4)

PatternDescription
CTA GradientGradient background CTA
CTA NewsletterEmail signup CTA
CTA SimpleClean, minimal CTA
CTA SplitTwo-column CTA layout

Testimonials (4)

PatternDescription
Testimonials CardsCard-based testimonials
Testimonials GridGrid layout testimonials
Testimonials MinimalSimple quote display
Testimonials SingleFeatured single testimonial

Content Sections (4)

PatternDescription
Content AboutAbout section layout
Content FAQFrequently asked questions
Content PricingPricing table display
Content StatsStatistics/numbers display

Headers & Footers (3)

PatternDescription
Page HeaderPage title with breadcrumbs
Section HeaderSection title with description
Footer LinksMulti-column footer links
Footer SimpleMinimal footer design

Template Patterns (21)

Complete page layouts ready to use:

Homepage Templates (3)

PatternDescription
Homepage CommunityCommunity-focused homepage
Homepage CoursesLMS/courses homepage
Homepage MarketplaceE-commerce homepage

Standard Pages (12)

PatternDescription
About PageCompany/site about page
About TeamTeam members showcase
Blog PageBlog listing layout
Contact PageFull contact page
Contact SimpleMinimal contact form
Event PageEvent listings page
FAQ PageFrequently asked questions
Portfolio PageProject showcase
Pricing PagePricing tiers display
Services PageServices showcase
Team PageTeam members grid
Landing PageMarketing landing page

Utility Pages (4)

PatternDescription
404 PageNot found page
Coming SoonPre-launch page
MaintenanceSite maintenance page
Privacy PolicyPrivacy policy template
Terms of ServiceTerms & conditions

Pattern Categories Reference

Category SlugLabelDescription
buddyx-buddypressBuddyX BuddyPressBuddyPress patterns
buddyx-lmsBuddyX LMSLearning patterns
buddyx-woocommerceBuddyX WooCommerceE-commerce patterns
buddyx-darkBuddyX Dark ModeDark themed patterns
buddyx-templatesBuddyX TemplatesFull page templates
buddyx-communityBuddyX CommunityCommunity patterns

Customizing Patterns

After Insertion

Once inserted, patterns are regular blocks:

  • Edit any text by clicking and typing
  • Change colors in block settings
  • Swap images using the media library
  • Adjust spacing and alignment
  • Delete unwanted blocks

Creating Reusable Blocks

Save customized patterns for reuse:

  1. Select the blocks you want to save
  2. Click the three-dot menu
  3. Select Create pattern
  4. Name your pattern
  5. Choose whether to sync it

Dependencies

Some patterns require plugins:

Pattern CategoryRequired Plugin
BuddyPress patternsBuddyPress
LMS patternsLearnDash/LearnPress
WooCommerce patternsWooCommerce

Patterns will still appear but may not function fully without dependencies.

Developer Information

Pattern File Structure

patterns/
├── buddypress/     # BuddyPress patterns
├── general/        # General use patterns
└── templates/      # Full page templates

Pattern Header Format

<?php
/**
 * Title: Pattern Name
 * Slug: buddyx-pro/pattern-slug
 * Categories: buddyx-community, featured
 * Keywords: keyword1, keyword2
 * Description: Pattern description.
 * Viewport Width: 1400
 * Inserter: true
 */
?>

Registration

Patterns are auto-registered via the Block_Patterns\Component class on init hook (priority 11).

Related Documentation

Last updated: January 31, 2026