https://github.com/nk-crew/lazy-blocks
Use Lazy Blocks plugin to rapidly build custom blocks without ever leaving your WordPress editor
https://github.com/nk-crew/lazy-blocks
blocks custom gutenberg wordpress
Last synced: 18 days ago
JSON representation
Use Lazy Blocks plugin to rapidly build custom blocks without ever leaving your WordPress editor
- Host: GitHub
- URL: https://github.com/nk-crew/lazy-blocks
- Owner: nk-crew
- License: gpl-2.0
- Created: 2018-06-20T14:04:27.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2025-04-08T12:09:29.000Z (22 days ago)
- Last Synced: 2025-04-10T09:54:49.823Z (20 days ago)
- Topics: blocks, custom, gutenberg, wordpress
- Language: PHP
- Homepage: https://www.lazyblocks.com/
- Size: 11.5 MB
- Stars: 340
- Watchers: 13
- Forks: 43
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE.txt
Awesome Lists containing this project
README
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 >= 7.2
- Node.js >= 18.0
- Composer >= 2.0
### Getting Started
1. Clone the repository
2. Install dependencies:
```bash
npm install
```
### Development Commands
```bash
# 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
```bash
# 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](https://www.docker.com/) on your machine
2. Start the server:
```bash
npm run env:start
```
3. Run tests:
```bash
# 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](LICENSE.txt) file for details.