Responsive Image Widget vs Wizard Blocks Manager for Gutenberg

A very simple widget that displays a single responsive, rationally proportional image in a widget area. Intended to make adding images (whose proportions are important) to sidebar areas easier for non-technical users who would have trouble using the text widget to insert images into the sidebar. One of its key features is the fact that it allows proportional adjustment on the fly, so the user can easily change the proportion of the image inside of WordPress, instead of needing to resize the image in an editor (a problem for many users who do not have a lot of experience resizing/cropping images.) Basically, it creates a frame for an image rather than adding an image directly, and the frame size can be set before the image is added, much like in Adobe inDesign, where frames can be laid out and then have pictures inserted into them. It takes a title, image URL, ratio and target link URL. It outputs a rationally proportional div with the image set as a background. Using the CSS background-size and background-position properties, the image always fills the whole space and remains centered. Note: the image always fills the width of its container. If the widget/widget area where the image is placed is large, the image will appear large.

The ultimate No-React Visual Builder for Native Gutenberg Blocks. Create, edit, and manage custom blocks directly from your WordPress dashboard, generating 100% native block.json and React code under the hood. Zero vendor lock-in: export your blocks and use them standalone! Follow us on GITHUB! Effortlessly Build & Manage Gutenberg Blocks Wizard Blocks acts as a powerful transpiler: you configure attributes visually, and it automatically writes the complex React (wp.element, wp.components) and JS code required by Gutenberg. You get the performance of native blocks without writing a single line of Javascript. Features Quick Build and Edit Custom blocks, with Wizard editing for all block options Powerful built-in Codemirror Code Editor for PHP, JS, CSS and JSON fields Easy Attributes Manager with Visual Editor to add infinite options to your Block Custom Block edit Tabs (Content, Style, Advanced, etc) for logic separation of your Attributes Manage unlimited Block Variations, to cover a wide range of scenarios Quick Import from zip (plugin or backup) and Export backup zip of all custom blocks Get autogenerated PHP Code to register custom blocks into your Theme functions.php file Block Custom SVG Icon support, or classic Dashicon alternative Import any Assets CSS and JS libs from Media Library, optimized enqueue of them only if block is used Block Media, to include your relative images in your block Content Disable unused/unwanted Blocks Block Versioning (with Revision support) Block Styles Variation Use your custom Block Textdomain Control Attributes conditional logic display rules Manage Block Example values or Image Preview Full Telex compatibility and support, simplified import of generated zip More information on Wizard Blocks Perfect for: – Content creators – Web designers – Web agencies Why choose Wizard Blocks over the competitors? 🔥 Zero Vendor Lock-in (Standalone Blocks): Unlike other block builders, Wizard Blocks generates standard Gutenberg file structures (block.json, PHP, CSS, JS). You can export your blocks, drop them into any theme, and deactivate our plugin. They will keep working forever! 🚀 Native Performance, No Bloat: We don’t use heavy wrappers or shortcodes to render blocks in the frontend. You get 100% native Gutenberg blocks, keeping your database clean and your website blazing fast. ⚛️ No React/JS Knowledge Needed: Build complex block settings using our Visual Attribute Manager. The plugin automatically transpiles your choices into optimized React/JavaScript code (editor.js) on the fly. 🛠 Built-in IDE & Versioning: Write your PHP renders and CSS directly in the dashboard using the integrated Codemirror editor. Keep your code safe with the native WordPress Revision system applied to your blocks. 📦 Developer Friendly: Import/Export via ZIP, automatically generate functions.php snippets, and sync your blocks across multiple projects seamlessly. 💻 Complete management of CSS, JS and PHP Templates directly from the interface: no FTP or direct file access needed. Compatibility Fully compatible with the WP Gutenberg Block standard! Once your blocks are generated, you can use them standalone in your theme or plugin. There is no need to keep this plugin active to render your blocks in the frontend. PRO *Advanced Features:* Personal Block Library with Cloud sync (on your Private site or Public hub) Full access to our Free and PRO Block Repository with one click installation Generate Block String Translations, for Render labels and Attributes, also compatible with WPML Full Twig/Timber 2 support, in Block Render and Settings Use all Custom Gutenberg Blocks as native Elementor Widgets Insert Gutenberg Blocks and Patterns as Shortcode in any Editor Add Custom CSS setting to any Block, to easily improve styles with automatic selector, optimized in frontend Display Conditions applied to any Block based on Rules (User Role, Date, Device Type, Custom Meta, etc) Discover PRO More is yet to come… – Limit blocks on wanted Post Type Edit page – Static rendered blocks (HTML, not PHP) with Handlebars, more security and super speed (cached) – API Controls (like Roles, Custom Fields, Posts, Users, Taxonomy, Terms) – Move/Install automatically a Block into current Theme Child or autogenerated Custom Plugin Wizard Blocks repository: – Gutenberg Contact Form with multiple Actions – entities list DataTables view – Loop Swiper Carousel – Frontend Filters – HTML Scraping – our database is growing so… Contact us and REQUEST YOURS!