Image
Image

Pattern Builder

설명

Pattern Builder transforms how you work with WordPress block patterns, providing a comprehensive solution for creating, managing, and organizing patterns right from your WordPress admin.

Key Features

Pattern Management Made Easy
* Unified Interface – Manage both theme patterns and user-created patterns in one place
* Visual Editor – Create patterns using the familiar WordPress block editor
* Code Editor – Edit pattern markup directly with syntax validation
* Live Preview – See your patterns in action before saving

Powerful Organization
* Categories – Organize patterns by category for easy discovery
* Advanced Search – Find patterns quickly with powerful filtering options
* Tags & Keywords – Add metadata to make patterns discoverable
* Sync Status – Manage synced and unsynced patterns effortlessly

Developer-Friendly
* Export to Theme – Convert user patterns to theme files with proper formatting
* Asset Management – Automatically handles pattern images and media
* Block Bindings – Advanced pattern configuration with block bindings support

Use Cases

For Theme Developers
* Create and manage theme patterns visually
* Export patterns with proper formatting
* Organize patterns by category
* Test patterns before deployment

For Site Builders
* Build custom patterns without coding
* Reuse patterns across multiple pages
* Share patterns between sites
* Maintain pattern library

For Agencies
* Create pattern libraries for clients
* Standardize design systems
* Speed up development workflow
* Maintain brand consistency

Development

Pattern Builder is open source and welcomes contributions. Visit our GitHub repository to:

Credits

Pattern Builder is developed and maintained by Twenty Bellows.

설치

From WordPress Admin

  1. Navigate to Plugins > Add New
  2. Search for “Pattern Builder”
  3. Click “Install Now” and then “Activate”
  4. Navigate to Appearance > Pattern Builder to start creating patterns

Manual Installation

  1. Download the plugin zip file
  2. Navigate to Plugins > Add New > Upload Plugin
  3. Choose the downloaded file and click “Install Now”
  4. Activate the plugin through the ‘Plugins’ screen in WordPress
  5. Navigate to Appearance > Pattern Builder to start creating patterns

For Developers

  1. Clone the repository: git clone https://github.com/Twenty-Bellows/pattern-builder.git
  2. Install dependencies: npm install && composer install
  3. Build assets: npm run build
  4. Start development environment: npm run start
  5. Watch for changes: npm run watch

FAQ

Can I use this with any theme?

Yes! Pattern Builder works with any WordPress theme that supports the block editor. It’s especially powerful when used with block themes.

Can I manage existing theme patterns?

Yes, Pattern Builder provides a unified interface to manage both theme patterns (PHP files in your theme’s patterns directory) and user-created patterns stored in the database.

후기

Image
2025년 8월 29일
As a designer, I have struggled a little bit with Gutenberg since its release, but this is finally the missing link that lets me work within the UI instead of needing to write code to create reusable patterns. Love it 🫶
모든 1 평가 읽기

기여자 & 개발자

“Pattern Builder”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “Pattern Builder”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

1.0.4

  • Fixed issue where it prevented Post Types with custom metadata from saving

1.0.3

  • Fixed saving media for theme patterns
  • Fixed broken unit tests
  • Simplified code and removed unnecssary logic

1.0.2

  • Documentation changes
  • API Hardening and security improvements
  • Namespace and prefix changes to prevent potential conflicts with other tools

1.0.1

  • Fixed compatibility issues with WordPress 6.8
  • Improved pattern export functionality
  • Enhanced error handling

1.0.0

  • Initial release
  • Pattern creation and editing
  • Theme pattern management
  • Export to theme functionality
  • Categories and tags support
  • Visual and code editor modes
  • Pattern preview
  • Asset management