Title: Block Class Manager – Global CSS Classes & Responsive Styles for Gutenberg Author: Block Class Manager Published: 20 de juliol de 2026 Last modified: 28 d'agost de 2026 --- Cerca extensions ![](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) # Block Class Manager – Global CSS Classes & Responsive Styles for Gutenberg Per [Block Class Manager](https://profiles.wordpress.org/blockclassmanager/) [Baixa](https://downloads.wordpress.org/plugin/block-class-manager.0.0.5.zip) * [Detalls](https://ca.wordpress.org/plugins/block-class-manager/#description) * [Ressenyes](https://ca.wordpress.org/plugins/block-class-manager/#reviews) * [Desenvolupament](https://ca.wordpress.org/plugins/block-class-manager/#developers) [Suport](https://wordpress.org/support/plugin/block-class-manager/) ## Descripció **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 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 ## Captures [⌊Block Class Manager integrated into Gutenberg editor.⌉⌊Block Class Manager integrated into Gutenberg editor.⌉[ Block Class Manager integrated into Gutenberg editor. ## PMF ### 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. ## Ressenyes No hi ha ressenyes per a aquesta extensió. ## Col·laboradors i desenvolupadors «Block Class Manager – Global CSS Classes & Responsive Styles for Gutenberg» és programari de codi obert. La següent gent ha col·laborat en aquesta extensió. Col·laboradors * [ Block Class Manager ](https://profiles.wordpress.org/blockclassmanager/) [Traduïu «Block Class Manager – Global CSS Classes & Responsive Styles for Gutenberg» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/block-class-manager) ### Interessats en el desenvolupament? [Navegueu pel codi](https://plugins.trac.wordpress.org/browser/block-class-manager/), baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/block-class-manager/), o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/block-class-manager/) per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/block-class-manager/?limit=100&mode=stop_on_copy&format=rss). ## Registre de canvis #### 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 * Versió **0.0.5** * Darrera actualització **fa 21 hores** * Instal·lacions actives **Menys de 10** * Versió del WordPress ** 7.0 o posterior ** * Provada fins a **7.1.0** * Versió del PHP ** 8.0 o posterior ** * Idioma * [English (US)](https://wordpress.org/plugins/block-class-manager/) * Etiquetes * [blocks](https://ca.wordpress.org/plugins/tags/blocks/)[classes](https://ca.wordpress.org/plugins/tags/classes/) [css](https://ca.wordpress.org/plugins/tags/css/)[gutenberg](https://ca.wordpress.org/plugins/tags/gutenberg/) [responsive](https://ca.wordpress.org/plugins/tags/responsive/) * [Vista avançada](https://ca.wordpress.org/plugins/block-class-manager/advanced/) ## Valoracions Encara no s'ha enviat cap ressenya. [La vostra ressenya](https://wordpress.org/support/plugin/block-class-manager/reviews/#new-post) [Visualitza totes les ressenyes](https://wordpress.org/support/plugin/block-class-manager/reviews/) ## Col·laboradors * [ Block Class Manager ](https://profiles.wordpress.org/blockclassmanager/) ## Suport Teniu quelcom a dir? Necessiteu ajuda? [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/block-class-manager/)