Build custom blocks for WordPress block editor (Gutenberg) without coding.

Website   Documentation   WordPress Plugin   Pro Version

Overview

Lazy Blocks is a WordPress plugin that helps you create custom blocks for the Gutenberg editor without coding. Key features:

• 📝 Visual block builder with drag & drop interface
• 🎛️ Rich set of controls (Text, Image, Gallery, etc.)
• 🔄 Output blocks with PHP, HTML, or theme templates
• ⚡ Extensive filters and actions for developers

Development

Prerequisites

• PHP >= 8.0
• Node.js >= 18.0
• Composer >= 2.0

Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

Development Commands

# Start development with file watcher
npm run dev

# Build for development
npm run build

# Build for production (with zip file)
npm run build:prod

Code Quality

We use automated tools to ensure code quality. Pre-commit and pre-push hooks are configured for:

• PHP CodeSniffer
• ESLint
• Stylelint

# Linting
npm run lint:php    # Check PHP code
npm run lint:js     # Check JavaScript code
npm run lint:css    # Check CSS code

# Auto-fixing
npm run format:php  # Fix PHP code
npm run format:js   # Fix JavaScript code
npm run format:css  # Fix CSS code

Testing

We use WordPress's official testing environment powered by Docker and wp-env.

1. Install Docker on your machine

2. Start the server:

   npm run env:start

3. Run tests:

   # End-to-end tests (Playwright)
   npm run test:e2e
   
   # PHP Unit tests
   npm run test:unit:php

License

This project is licensed under the GPL-2.0-or-later License - see the LICENSE file for details.