Title: BCM Block Class Manager – Design System, Global Classes & Responsive CSS for Gutenberg Author: Block Class Manager Published: Juli 20, 2026 Last modified: Juli 20, 2026 --- Nggoléki Plugin ![](https://ps.w.org/block-class-manager/assets/banner-772x250.png?rev=3615556) ![](https://ps.w.org/block-class-manager/assets/icon-256x256.png?rev=3615556) # BCM Block Class Manager – Design System, Global Classes & Responsive CSS for Gutenberg Dening [Block Class Manager](https://profiles.wordpress.org/blockclassmanager/) [Ngundhuh](https://downloads.wordpress.org/plugin/block-class-manager.0.0.1.zip) * [Detil](https://jv.wordpress.org/plugins/block-class-manager/#description) * [Mācā ulang](https://jv.wordpress.org/plugins/block-class-manager/#reviews) * [Pangembangan](https://jv.wordpress.org/plugins/block-class-manager/#developers) [Sokong](https://wordpress.org/support/plugin/block-class-manager/) ## Katrangan **BCM Block Class Manager** extends Gutenberg with a **structured design system** approach based on **reusable Global Classes**, **foundation blocks**, and **responsive styling rules**. Instead of relying on inline styles or repeated block configurations, **BCM** introduces a **centralized class-based workflow** that improves consistency, scalability, and maintainability. ### 🧱 Foundation Block System **BCM** introduces a set of lightweight foundation blocks – **Container, Text, Media, and Button** – designed to provide the essential building blocks for creating consistent and scalable Gutenberg layouts. Unlike traditional page builder elements, BCM blocks are intentionally minimal. They focus on structure and **clean markup**, while styling is managed through BCM** Global Classes**, allowing you to create reusable components and maintain a consistent design system across your entire website. **BCM does not replace Gutenberg** – it enhances it by adding a structured styling layer that gives developers and advanced users greater control over CSS, responsive behavior, and reusable design patterns. ### ✨ Features * Create and manage up to 10 reusable Global Classes * Control layout and styling of containers, text, media, and buttons * Responsive styling for desktop, tablet, and mobile (aligned with WordPress editor breakpoints) * Convert local styles into reusable Global Classes * Visual interface fully integrated into the Gutenberg editor * Automatic frontend CSS generation * Support for HTML attributes (id, data-*, aria-*) * Integration with Full Site Editing (FSE) ### 🔄 Free vs Pro The free edition includes everything needed to build structured responsive design systems with Global Classes. ### 🆓 Free Edition * Up to 10 Global Classes * Core responsive styling workflow * Local to Global Class conversion * Automatic CSS generation ### 🚀 BCM Pro (Coming Soon) BCM Pro will introduce advanced workflow features for professional Gutenberg projects. Planned features include: * Unlimited Global Classes * Drag & Drop Global Class priority management * Global Class usage counter * Generated CSS Inspector (Global & Local CSS viewer) * Style Origin Inspector (CSS cascade visualization) * Enhanced responsive value indicators * Global Class Engine for native WordPress Core blocks * Enhanced “Additional CSS Class(es)” field with Global Class suggestions ### 🚀 Get notified about BCM Pro BCM Pro is currently under development. Subscribe to receive: * BCM Pro launch updates * New feature announcements * Early access opportunities 👉 **Join the [BCM Pro early access list](https://blockclassmanager.gumroad.com/subscribe)** ### ⚡ Why BCM Block Class Manager Most WordPress sites suffer from style fragmentation: inline styles, repeated settings, and inconsistent design rules. BCM solves this by introducing a structured, reusable class-based system that brings consistency and scalability to Gutenberg workflows. ### 💡 Use Cases * Build reusable design systems using Global Classes * Standardize styling across pages and projects * Create structured layouts with consistent rules * Improve collaboration in agency workflows * Reduce reliance on inline styles ### ⚙️ How It Works * Select a BCM-enabled block (container, text, media, button) * Apply local or global styling rules * Assign reusable Global Classes * Configure responsive values per device * Generate optimized frontend CSS automatically ### 🔌 Integrations * Full Site Editing (FSE) Compatible with block-based themes and templates * WordPress Content Integration Supports pages, posts, and FSE template parts * Core & Third-Party Blocks Works with WordPress core blocks and most block libraries ### 📦 Installation #### Requirements * WordPress 7.0 or higher * PHP 8.0 or higher #### Installation Steps 1. Upload plugin to `/wp-content/plugins/` or install via WP installer 2. Activate plugin 3. Start using Block Class Manager inside Gutenberg ## Gambar conto [⌊BCM Block Class Manager integrated into Gutenberg editor.⌉⌊BCM Block Class Manager integrated into Gutenberg editor.⌉[ BCM Block Class Manager integrated into Gutenberg editor. ## FAQ ### What does BCM do? BCM adds a structured, class-based styling system to Gutenberg using reusable Global Classes and responsive design rules. ### Is BCM a page builder? No. BCM is not a page builder. It enhances Gutenberg by adding a structured styling system. ### Who is BCM designed for? BCM is designed for freelancers, agencies, developers, and advanced WordPress users who need scalable and maintainable design workflows inside Gutenberg. ### Does it work with other blocks and themes? Yes. BCM works with core WordPress blocks, most third-party block libraries, and block-based themes. ### Is there a limit on Global Classes? Yes. The free edition supports up to 10 Global Classes and includes the core styling workflow. ### Is BCM Pro available? BCM Pro is currently under development. [Subscribe](https://blockclassmanager.gumroad.com/subscribe) to receive updates when it becomes available. ### Does it affect performance? BCM generates lightweight, class-based CSS and avoids unnecessary inline styles to keep output optimized. ## Mācā ulang There are no reviews for this plugin. ## Contributors & Developers “BCM Block Class Manager – Design System, Global Classes & Responsive CSS for Gutenberg” is open source software. The following people have contributed to this plugin. Kontributor * [ Block Class Manager ](https://profiles.wordpress.org/blockclassmanager/) [Translate “BCM Block Class Manager – Design System, Global Classes & Responsive CSS for Gutenberg” into your language.](https://translate.wordpress.org/projects/wp-plugins/block-class-manager) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/block-class-manager/), check out the [SVN repository](https://plugins.svn.wordpress.org/block-class-manager/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/block-class-manager/) by [RSS](https://plugins.trac.wordpress.org/log/block-class-manager/?limit=100&mode=stop_on_copy&format=rss). ## Caathetan Owahan #### 0.0.1 * Initial release ## Meta * Version **0.0.1** * Last updated **2 dinā sing kepungkur** * Active installations **Kurang sākā 10** * WordPress version ** 7.0 or higher ** * Tested up to **7.0.2** * PHP version ** 8.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/block-class-manager/) * Tags * [blocks](https://jv.wordpress.org/plugins/tags/blocks/)[classes](https://jv.wordpress.org/plugins/tags/classes/) [css](https://jv.wordpress.org/plugins/tags/css/)[global styles](https://jv.wordpress.org/plugins/tags/global-styles/) [gutenberg](https://jv.wordpress.org/plugins/tags/gutenberg/) * [Nonton lanjutan](https://jv.wordpress.org/plugins/block-class-manager/advanced/) ## Peringkat No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/block-class-manager/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/block-class-manager/reviews/) ## Kontributor * [ Block Class Manager ](https://profiles.wordpress.org/blockclassmanager/) ## Sokong Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/block-class-manager/)