https://github.com/wpgaurav/page-blocks-builder
Build layouts inside WordPress block editor using plain HTML, CSS and JS using CodePen like UI
https://github.com/wpgaurav/page-blocks-builder
gutenberg gutenberg-blocks wordpress wordpress-blocks wordpress-plugin
Last synced: 2 months ago
JSON representation
Build layouts inside WordPress block editor using plain HTML, CSS and JS using CodePen like UI
- Host: GitHub
- URL: https://github.com/wpgaurav/page-blocks-builder
- Owner: wpgaurav
- Created: 2026-02-17T08:17:02.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2026-02-17T13:05:05.000Z (2 months ago)
- Last Synced: 2026-02-17T13:35:37.291Z (2 months ago)
- Topics: gutenberg, gutenberg-blocks, wordpress, wordpress-blocks, wordpress-plugin
- Language: JavaScript
- Homepage: https://gauravtiwari.org/wordpress-plugins/
- Size: 49.8 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Page Blocks Builder (Standalone Plugin)
This plugin ports the Page Blocks visual builder into a standalone WordPress plugin that works with any theme.
## Features
- Gutenberg dynamic block: `marketers-delight/page-block`
- Frontend visual builder route: `/?build=page-blocks&post_id={ID}&pb_nonce={nonce}`
- Frontend-only builder launch from admin bar
- Source of truth remains Gutenberg Page Block blocks
- Server-rendered preview support for `wpautop` and PHP execution
- Child + parent theme CSS loaded into builder preview via `wp_head` and theme asset capture
- Post type allowlist settings page
- Preview injection filter support:
- `md_page_blocks_builder_preview_injection`
## Installation
1. Copy `page-blocks-builder` to `/wp-content/plugins/page-blocks-builder`.
2. Activate **Page Blocks Builder**.
3. Open **Settings -> Page Blocks Builder** and choose enabled post types.
## Notes
- Block editor overlay launcher is intentionally disabled in this standalone version.
- Use the frontend builder from the admin bar while viewing a singular post/page.