BuddyX

Block Patterns

Pro feature

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


Overview

Block patterns are pre-built layouts you insert into any page or post from the WordPress block editor. BuddyX Pro ships 87 patterns across four groups:

Group Count What it covers
General theme patterns 27 Hero, about, features, social proof, pricing/FAQ, CTA, footer, and post-query sections ported from BuddyX free 5.1.0
Community-styled sections 26 Hero, features, CTA, testimonials, content, and header/footer sections in the buddyx-community category
BuddyPress patterns 14 Directory, activity, and community-widget sections
Full page templates 20 Complete page layouts (homepages, standard pages, utility pages)
Total 87

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

Patterns are grouped under the BuddyX categories - for example BuddyX Hero, BuddyX Features, BuddyX BuddyPress, BuddyX Templates, and BuddyX Community. The full list of category slugs is in the Pattern Categories Reference below.


General Theme Patterns (27)

Section patterns ported from BuddyX free 5.1.0. These live at the root of the patterns/ folder and are grouped into eight BuddyX categories.

Hero (3)

Pattern Description
Hero - Image-led Hero with a leading image
Hero - Split Screen Two-column split-screen hero
Hero - Typography-led Type-forward hero, minimal imagery

About (3)

Pattern Description
About - Founder Spotlight Founder introduction section
About - Story Narrative about section
Team - 4-up Grid Four-column team grid

Features (3)

Pattern Description
Features - Alternating Rows Left/right alternating feature rows
Services - 3-up Grid Three-column services grid
Steps - Numbered Process Numbered step-by-step process

Social Proof (3)

Pattern Description
Logo Cloud - Trusted by Trusted-by logo row
Stats Row Key numbers / statistics row
Testimonials - Editorial 3-up Three-column editorial testimonials

Pricing & FAQ (2)

Pattern Description
FAQ - Editorial Editorial FAQ layout
Pricing - 3-tier Editorial Three-tier pricing table

Call to Action (3)

Pattern Description
CTA - Full-bleed Gradient Full-bleed gradient call-to-action
CTA - Newsletter Signup Newsletter signup CTA
Banner - Light Asymmetric Light, asymmetric promo banner

Footer (5)

Pattern Description
Footer - Central CTA Footer with a centered call-to-action
Footer - Default Mega Default multi-column mega footer
Footer - Mega 5-column Five-column mega footer
Footer - Simple Centered Simple centered footer
Footer - Minimal Bar Minimal single-bar footer

Posts / Query (5)

Pattern Description
Posts - 4-up Featured Cards Four featured post cards
Posts - 3-up Editorial Grid Three-column editorial post grid
Posts - Asymmetric Hero + Stack Featured hero post plus a stacked list
Posts - Horizontal List Split Horizontal split post list
Posts - Minimal Date + Title List Minimal date-and-title list

Community Patterns (26)

Versatile sections in the BuddyX Community category. These live under patterns/general/.

Hero Sections (5)

Pattern Description
Hero Centered Centered headline with CTA buttons
Hero Gradient Gradient background hero
Hero Minimal Clean, simple hero
Hero Split Image on one side, content on the other
Hero with Video Video background hero

Feature Sections (5)

Pattern Description
Features Alternating Left/right alternating layout
Features Cards Card-based feature display
Features Grid 3 Columns Three-column feature grid
Features Grid 4 Columns Four-column feature grid
Features with Icons Icon-focused feature list

Call to Action (4)

Pattern Description
CTA Gradient Gradient background CTA
CTA Newsletter Email signup CTA
CTA Simple Clean, minimal CTA
CTA Split Two-column CTA layout

Testimonials (4)

Pattern Description
Testimonials Cards Card-based testimonials
Testimonials Grid Grid layout testimonials
Testimonials Minimal Simple quote display
Testimonial Single Featured single testimonial

Content Sections (4)

Pattern Description
Content About About section layout
Content FAQ Frequently asked questions
Content Pricing Pricing table display
Content Stats Statistics / numbers display

Headers & Footers (4)

Pattern Description
Page Header Page title with breadcrumbs
Section Header Section title with description
Footer Links Multi-column footer links
Footer Simple Minimal footer design

BuddyPress Patterns (14)

Patterns for building community pages. These live under patterns/buddypress/ and carry both the buddyx-buddypress and buddyx-community categories.

Pattern Description
Active Members Grid of recently active members
Activity Feed Latest activity stream display
Community Hero Hero section for community pages
Community Sidebar Sidebar with community widgets
Community Stats Member and group statistics
Groups List Grid of available groups
Login Widget Login / register form pattern
Member Testimonials Member quotes and reviews
Members List Directory of members
Newest Groups Recently created groups
Newest Members New member showcase
Online Members Currently active users
Sitewide Notice Announcement banner
Why Join Us Community benefits section

Template Patterns (20)

Complete page layouts ready to use. These live under patterns/templates/ in the BuddyX Templates category.

Homepage Templates (3)

Pattern Description
Community Homepage Community-focused homepage
Courses Homepage LMS / courses homepage
Marketplace Homepage E-commerce homepage

Standard Pages (12)

Pattern Description
About Page Company / site about page
About Page with Team About page with a team section
Blog Page Blog listing layout
Contact Page Full contact page (contact-page)
Contact Page (Simple) Minimal contact form (contact-simple)
Event Page Event listings page
FAQ Page Frequently asked questions
Landing Page Marketing landing page
Portfolio Page Project showcase
Pricing Page Pricing tiers display
Services Page Services showcase
Team Page Team members grid

Utility Pages (5)

Pattern Description
404 Error Page Not found page
Coming Soon Page Pre-launch page
Maintenance Page Site maintenance page
Privacy Policy Page Privacy policy template
Terms of Service Page Terms & conditions

Pattern Categories Reference

BuddyX Pro registers 14 pattern categories via the Block_Patterns\Component class. Eight cover the general theme patterns, plus BuddyPress, Templates, and Community; the LMS, WooCommerce, and Dark Mode categories are registered and reserved for future and companion-plugin patterns.

Category Slug Label Description
buddyx-hero BuddyX Hero Hero section patterns
buddyx-about BuddyX About About section patterns
buddyx-features BuddyX Features Feature highlight patterns
buddyx-social-proof BuddyX Social Proof Testimonials, logos, and stats patterns
buddyx-pricing-faq BuddyX Pricing & FAQ Pricing tables and FAQ patterns
buddyx-cta BuddyX CTA Call-to-action patterns
buddyx-footer BuddyX Footer Footer patterns
buddyx-query BuddyX Query Post query and listing patterns
buddyx-buddypress BuddyX BuddyPress BuddyPress community patterns
buddyx-lms BuddyX LMS Learning Management System patterns
buddyx-woocommerce BuddyX WooCommerce E-commerce patterns
buddyx-dark BuddyX Dark Mode Dark themed patterns
buddyx-templates BuddyX Templates Full page template patterns
buddyx-community BuddyX Community Community and social 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 pair with plugins:

Pattern Group Related Plugin
BuddyPress patterns BuddyPress
Community sections (live-data blocks) BuddyPress

Patterns still appear in the inserter but may not populate live data without their plugin active.


Developer Information

Pattern File Structure

patterns/
├── *.php           # 27 general theme patterns (root level)
├── general/        # 26 community-styled sections
├── buddypress/     # 14 BuddyPress patterns
└── templates/      # 20 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

Pattern categories are registered by the Block_Patterns\Component class. WordPress auto-registers the pattern files themselves from the theme's patterns/ directory.


Related Documentation