Block Based Visual Blueprint Builder for WordPress Playground
Find a file
2025-04-07 17:02:15 +05:30
.github add readme 2024-11-29 18:39:56 +05:30
_playground add blueprint 2024-11-29 18:39:46 +05:30
assets/css Open Blueprint feature (#49) 2025-04-07 17:02:15 +05:30
components Add internationalization (#46) 2025-01-13 15:16:31 +05:30
inc Add internationalization (#46) 2025-01-13 15:16:31 +05:30
languages Add internationalization (#46) 2025-01-13 15:16:31 +05:30
src fixed deprecated step from install-plugin and install-theme 2025-04-07 17:02:15 +05:30
.gitattributes add gitattributes 2024-09-17 16:16:01 -07:00
.gitignore wip 2024-09-06 18:34:40 +05:30
composer.json update text-domain & namespace (#38) 2024-11-07 14:55:47 +05:30
composer.lock wip 2024-09-06 18:34:40 +05:30
LICENSE Initial commit 2024-06-13 10:52:20 +02:00
package-lock.json restore dataviews 2024-12-09 21:10:31 +05:30
package.json restore dataviews 2024-12-09 21:10:31 +05:30
readme.md update readme 2024-11-29 18:45:11 +05:30
webpack.config.js Step name normalise (#47) 2025-01-06 16:07:53 +05:30
wp-playground-blueprint-editor.php Add internationalization (#46) 2025-01-13 15:16:31 +05:30

Playground Blueprint Editor

Try in WordPress Playground

Playground Blueprint Editor is block based editing experience for building blueprint.json

Key features

  • UI based json generation
  • blocks to build steps
  • Preview blueprint in playground
  • download blueprint.json
  • copy json code

Requirements

  • WordPress 6.4+
  • PHP 7.4+

Development

  1. Clone git clone git@github.com:lubusIN/block-editor-for-playground-blueprint.git.
  2. Navigate to Folder cd block-editor-for-playground-blueprint.
  3. Run npm install to install the plugin's dependencies within a /node_modules/ folder.
  4. Run composer install to install the additional WordPress composer tools within a /vendor/ folder.
  5. Run npm run build or npm run start to compile and watch source files for changes while developing.
  6. Launch local playground using wp-now npx @wp-now/wp-now start

Refer to package.json for additional npm commands.