Convert Blocks to JSON

This plugin offers a powerful solution for importing and exporting WordPress blocks in JSON format, making it easy to move posts across different WP websites. It is also beneficial for WP engineers who are adopting a Headless CMS approach and would like a way to be able to fetch data from the front-end using tools like React, Vue & so on.

It’s simple, yet very powerful!

✔️ Features

Our plugin comes with everything you need for your WP blocks.

✔️ Import & Export WP blocks across multiple WordPress websites.
✔️ Convert WP blocks to JSON easily & quickly.
✔️ Useful for Headless CMS websites or front-end projects working with React, Vue & so on.
✔️ Available in mutiple langauges such as Arabic, Chinese, Hebrew, Hindi, Russian, German, Italian, Croatian, Spanish & French languages.
✔️ Backward compatible, works with most WP versions.

✨ Getting Started

Create a new Post or open an existing Post. Locate the Convert Blocks to JSON icon at the top right corner of the Block Editor and click on it. From here you can do the following actions:

1. View JSON – Generate JSON data of the post you are working on.
2. Import JSON – Import JSON data from a JSON file to the post you are working on.
3. Export JSON – Export JSON data of the post to a JSON file.

You can get a taste of how this works, by using the demo link.

⚡ Why Convert Blocks to JSON

1. This plugin is useful for users who want to be able to import and export articles or posts between different WordPress sites easily.

2. This plugin is beneficial for WP engineers who are adopting a Headless CMS approach and would like a way to be able to fetch data from the front-end using tools like React, Vue & so on.

🔌🎨 Plug and Play or Customize

The Convert Blocks to JSON plugin is built to work right out of the box. Simply install, activate and start using in your Block Editor.

Want to add your personal touch? All of our documentation can be found here. You can override the plugin’s behaviour with custom logic of your own using hooks.

Contribute

If you’d like to contribute to the development of this plugin, you can find it on GitHub.

To build, clone repo and run yarn install && yarn build

1. Go to ‘Plugins > Add New’ on your WordPress admin dashboard.
2. Search for ‘Convert Blocks to JSON’ plugin from the official WordPress plugin repository.
3. Click ‘Install Now’ and then ‘Activate’.
4. Proceed to your Block Editor and locate the top right corner.
5. You should now see the ‘Convert Blocks to JSON’ icon available for use.

1. 

   Convert Blocks to JSON icon - Convert your blocks to JSON and vice versa.

2. 

   Convert Blocks to JSON options - View, Import Blocks & Export Blocks.

3. 

   Convert Blocks to JSON sidebar - See Convert Blocks to JSON on sidebar.

1.1.0

• Feat: Add REST namespace filter cbtj_rest_namespace.
• Refactor: Use classes for PHP codebase.
• Docs: Improve README docs.
• Tested up to WP 6.7.2.

1.0.9

• Bump up plugin version.
• Tested up to WP 6.8
• Update README docs.

1.0.8

• Enforce WP style linting across plugin.
• Add local dev env setup for WP.
• Update README docs.
• Tested up to WP 6.7.2.

1.0.7

• Ensure REST response for blocks’ imports & exports.
• Update Hook names cbtj_rest_response to cbtj_rest_export.
• Update function names.
• Update README docs.
• Tested up to WP 6.7.2.

1.0.6

• Fix breaking/faulty dependency.
• Fix linting issues.
• Tested up to WP 6.7.1.

1.0.5

• Fix CI/CD build process.
• Update README text content.
• Bump up plugin version.
• Tested up to WP 6.7.0.

1.0.4

• Provide graceful fallback for block arrays.
• Filter out empty|null blocks.
• Ignore file_get_contents warning.
• Update Permalink structure if empty, flush rules.
• Tested up to WP 6.6.2.

1.0.3

• Replace mt_rand with string version for asset enqueuing.
• Fix Bugs and Linting issues.
• Updated README notes with screenshots.
• Tested up to WP 6.6.2.

1.0.2

• Refactor: Use is_user_permissible for permissions callback.
• Updated Unit Tests coverage.
• Tested up to WP 6.6.2.

1.0.1

• Added Import functionality.
• Custom Hooks – cbtj_rest_import.
• New custom REST API endpoint – cbtj/v1/import.
• Updated translation files to cater for Import modal window text translations.
• Added more Unit Tests coverage.
• Tested up to WP 6.6.2.

1.0.0

• Convert & Export Blocks to JSON.
• Custom Hooks – cbtj_rest_response.
• Provided support for Arabic, Chinese, Hebrew, Hindi, Russian, German, Italian, Croatian, Spanish & French languages.
• Unit Tests coverage.
• Tested up to WP 6.6.1.