Title: Block Class Manager – Global CSS Classes & Responsive Styles for Gutenberg Author: Block Class Manager Published: 20. Juli 2026. Last modified: 9. Septembar 2026. --- Search plugins ![](https://ps.w.org/block-class-manager/assets/banner-772x250.png?rev=3688569) ![](https://ps.w.org/block-class-manager/assets/icon-256x256.png?rev=3688569) # Block Class Manager – Global CSS Classes & Responsive Styles for Gutenberg By [Block Class Manager](https://profiles.wordpress.org/blockclassmanager/) [Download](https://downloads.wordpress.org/plugin/block-class-manager.0.0.6.zip) * [Details](https://me.wordpress.org/plugins/block-class-manager/#description) * [Reviews](https://me.wordpress.org/plugins/block-class-manager/#reviews) * [Development](https://me.wordpress.org/plugins/block-class-manager/#developers) [Support](https://wordpress.org/support/plugin/block-class-manager/) ## Description **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. ### 🚀 Try BCM in WordPress Playground Want to see BCM in action without installing anything? [Try the Live Demo](https://playground.wordpress.net/?blueprint-url=https%3A%2F%2Fblockclassmanager.com%2Fwp-json%2Fbcm-playground%2Fv1%2Fdemo%2Fbcm-demo) ### 🧱 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) ### 🔄 Block Class Manager + Extension Block Class Manager provides the core tools for building structured responsive design systems with Global Classes. For advanced Gutenberg workflows, **BCM Extension** adds additional workflow and inspection features for professional projects. ### 🚀 BCM Extension BCM Extension extends Block Class Manager with advanced features designed for larger and more complex Gutenberg projects. 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 BCM Extension](https://blockclassmanager.gumroad.com/l/block-class-manager-extension)** ### ⚡ Why 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 ## Screenshots [⌊Block Class Manager integrated into Gutenberg editor.⌉⌊Block Class Manager integrated into Gutenberg editor.⌉[ 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 WordPress.org version supports up to 10 Global Classes and includes the core styling workflow. ### Is BCM Extension available? Yes. [BCM Extension](https://blockclassmanager.gumroad.com/l/block-class-manager-extension) adds additional features to Block Class Manager. ### Does it affect performance? BCM generates lightweight, class-based CSS and avoids unnecessary inline styles to keep output optimized. ## Reviews ![](https://secure.gravatar.com/avatar/b6b1e766a6d3f8e8188072f2096b5009efedd4480aaecad579a904083132ce8a? s=60&d=retro&r=g) ### 󠀁[Excellent for block styling](https://wordpress.org/support/topic/excellent-for-block-styling/)󠁿 [banner10](https://profiles.wordpress.org/banner10/) 9. Septembar 2026. A very useful tool for managing reusable CSS classes directly in Gutenberg. The responsive controls and global class system make it much easier to keep styling consistent. Lightweight and well integrated with the Block Editor. [ Read all 1 review ](https://wordpress.org/support/plugin/block-class-manager/reviews/) ## Contributors & Developers “Block Class Manager – Global CSS Classes & Responsive Styles for Gutenberg” is open source software. The following people have contributed to this plugin. Contributors * [ Block Class Manager ](https://profiles.wordpress.org/blockclassmanager/) [Translate “Block Class Manager – Global CSS Classes & Responsive Styles 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). ## Changelog #### 0.0.6 * Update: Improved UI labels and styling for a clearer and more consistent user experience. #### 0.0.5 * Fix: Corrected stylesheet registration to ensure proper CSS versioning and cache invalidation. #### 0.0.4 * Update: BCM now uses the breakpoint values defined by the active theme via `theme. json`, with fallback values for compatibility. #### 0.0.3 * Fix: Placeholder image path. * Update: Added the `bcm-block` base class to improve frontend styling consistency and provide a shared selector for BCM blocks. #### 0.0.2 * Fix: Improved handling of block styles after duplicating or removing blocks in the editor. #### 0.0.1 * Initial release. ## Meta * Version **0.0.6** * Last updated **3 dana ago** * Active installations **Fewer than 10** * WordPress version ** 7.0 or higher ** * Tested up to **7.1.0** * PHP version ** 8.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/block-class-manager/) * Tags * [block-editor](https://me.wordpress.org/plugins/tags/block-editor/)[css](https://me.wordpress.org/plugins/tags/css/) [gutenberg](https://me.wordpress.org/plugins/tags/gutenberg/)[responsive](https://me.wordpress.org/plugins/tags/responsive/) [wordpress blocks](https://me.wordpress.org/plugins/tags/wordpress-blocks/) * [Advanced View](https://me.wordpress.org/plugins/block-class-manager/advanced/) ## Ratings 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/block-class-manager/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/block-class-manager/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/block-class-manager/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/block-class-manager/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/block-class-manager/reviews/?filter=1) [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/) ## Contributors * [ Block Class Manager ](https://profiles.wordpress.org/blockclassmanager/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/block-class-manager/)