Create custom Gutenberg blocks from the HTML templates you already have.
Overview
HTML to Gutenberg is an innovative Webpack plugin designed to streamline the process of converting standard HTML into native Gutenberg blocks for WordPress. This tool eliminates the need for shortcodes and server-side hacks, providing users with a seamless editing experience. With its user-friendly interface, anyone can generate necessary files like edit.js, render.php, block.json, and index.js without writing a single line of React or PHP code.
The plugin is perfect for developers looking to create custom blocks easily while maintaining full control and flexibility. Once the blocks are generated, they remain functional even if you decide to stop using the plugin, ensuring there’s no risk of lock-in. It’s a worthwhile addition to any developer’s toolkit, especially those working in the WordPress environment.
Features
- Native Block Output: Generates 100% native Gutenberg code, ensuring compatibility and flexibility for editing.
- No Coding Required: Users can structure their HTML with intuitive attributes, eliminating the need for complex coding in React or PHP.
- Simplified Development: Quickly scaffold a new HTML to Gutenberg blocks plugin with a few simple commands to kickstart development.
- Automatic Block Creation: Each HTML file in the designated folder automatically transforms into a working Gutenberg block, streamlining the block creation process.
- Easy Block Management: Deleting an HTML file removes its corresponding block upon next build, helping to keep the project organized.
- Production Ready: Plugin bundles and minifies blocks for efficient performance when deploying to production.
- Live Editing: Try out your creations in the Live Editor for immediate feedback on your HTML to Gutenberg conversions.
- Comprehensive Documentation: Available resources cover everything from installation to advanced features, making it easy for users to get started.
