Block Visual Tools

Block Visual Tools for WordPress A WordPress plugin that adds visual tools to the block editor for easier block debugging and development. This plugin works only in the block editor and does not affect the front end of your site. For Users: Plugin Installation Option 1: Direct Installation 1. Download the latest release zip file from the Releases page. 2. Go to WordPress Admin Plugins Add New Upload Plugin. 3. Upload the zip file and activate the plugin. Option 2: Manual Server Installation 1. Clone the repository or download the zip file. 2. Ensure you run npm install and npm run build to generate the necessary files. 3. Upload the block-visual-tools folder to /wp-content/plugins/. 4. Activate through WordPress Admin Plugins. Using the Plugin 1. Open any page or post in the WordPress editor. 2. Click on any block to select it. 3. Look in the right sidebar for "Visual Tools." 4. Use the available tools: - Hide Block: Temporarily hide blocks while editing. - Show Block Structure: Visualize block boundaries and nesting. For Developers: Setup & Build Prerequisites - Node.js (v14 or later) - npm or yarn - Local WordPress development environment Local Development 1. C