WP Manifestindependent plugin directory
manifest / editor / wp-block-pattern-kit

WP Block Pattern Kit

Gutenberg block patterns and CTA Banner block - WordPress editor ecosystem showcase

★ 0stars
v1.0.0latest · 4mo ago

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/midasmoradi/wp-block-pattern-kit/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Professional Gutenberg block patterns and a custom CTA Banner block — demonstrating deep WordPress ecosystem skills beyond headless architecture.

Author: Midas Moradi

What's included

Component Count Description
Block Patterns 8 Hero, features, testimonial, pricing, team, FAQ, newsletter, CTA
Custom Block 1 wpbpk/cta-banner — dynamic, server-rendered, 3 style variants
Pattern Categories 3 Hero, Sections, CTA

Block Patterns

Pattern Category
Hero — Gradient Split Hero
Features — Three Column Sections
Testimonial — Centered Quote Sections
Pricing — Two Tier Sections
Team — Four Column Grid Sections
FAQ — Two Column Sections
CTA — Centered Band CTA (uses custom block)
Newsletter — Signup Band CTA

Insert from the editor: + → Patterns → WPBPK categories

Custom Block: CTA Banner

wpbpk/cta-banner
  • Dynamic block with block.json + render.php
  • Editor controls via native @wordpress/* packages (no build step)
  • Attributes: headline, description, button text/URL, style variant
  • Variants: gradient, dark, light
  • Sanitized server-side output

Architecture

src/
├── App.php
├── Blocks/CtaBannerBlock.php      # register_block_type
├── Patterns/PatternRegistry.php   # 8 patterns + 3 categories
└── Core/Setup.php
blocks/cta-banner/
├── block.json
├── index.js                       # Editor UI (no npm build)
├── render.php
└── style.css

Installation

git clone https://github.com/midasmoradi/wp-block-pattern-kit.git
cd wp-block-pattern-kit
composer install --no-dev

Copy to wp-content/plugins/wp-block-pattern-kit and activate.

Development

composer install
composer phpcs

Resume alignment

Matches resume competencies: Gutenberg block patterns, advanced plugin development, ThemeForest-grade UI sections, RTL-friendly layouts.

Repo Focus
wp-enterprise-theme-starter Enterprise monolithic theme
headless-wp-nextjs-starter Decoupled stack
theme-quality-inspector Theme QA plugin

License

GPL-2.0-or-later — see LICENSE.

Releases

1 release.

Tag
Published
v1.0.0 latest
Jun 8, 2026 4mo ago

These releases are tags only. The author does not attach a packaged zip, so there are no download counts to report.