Title: BCM Block Class Manager &#8211; Design System, Global Classes &amp; Responsive CSS for Gutenberg
Author: Block Class Manager
Published: <strong>20 Ιουλίου  2026</strong>
Last modified: 5 Αυγούστου  2026

---

Αναζήτηση πρόσθετων

![](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

 Από [Block Class Manager](https://profiles.wordpress.org/blockclassmanager/)

[Λήψη](https://downloads.wordpress.org/plugin/block-class-manager.0.0.3.zip)

 * [Λεπτομέρειες](https://el.wordpress.org/plugins/block-class-manager/#description)
 * [Κριτικές](https://el.wordpress.org/plugins/block-class-manager/#reviews)
 * [Ανάπτυξη](https://el.wordpress.org/plugins/block-class-manager/#developers)

 [Υποστήριξη](https://wordpress.org/support/plugin/block-class-manager/)

## Περιγραφή

**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

## Στιγμιότυπα

[⌊BCM Block Class Manager integrated into Gutenberg editor.⌉⌊BCM Block Class Manager
integrated into Gutenberg editor.⌉[

BCM Block Class Manager integrated into Gutenberg editor.

## Συχνές Ερωτήσεις

### 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.

## Κριτικές

Δεν υπάρχουν αξιολογήσεις για αυτό το πρόσθετο.

## Συνεισφέροντες & Προγραμματιστές

“BCM Block Class Manager – Design System, Global Classes & Responsive CSS for Gutenberg”
είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει στη δημιουργία του.

Συντελεστές

 *   [ Block Class Manager ](https://profiles.wordpress.org/blockclassmanager/)

[Μεταφράστε το “BCM Block Class Manager – Design System, Global Classes & Responsive CSS for Gutenberg” στην γλώσσα σας.](https://translate.wordpress.org/projects/wp-plugins/block-class-manager)

### Ενδιαφέρεστε για την ανάπτυξη;

[Περιηγηθείτε στον κώδικα](https://plugins.trac.wordpress.org/browser/block-class-manager/),
ανατρέξτε στο [αποθετήριο SVN](https://plugins.svn.wordpress.org/block-class-manager/)
ή εγγραφείτε στο [αρχείο καταγραφής αλλαγών ανάπτυξης](https://plugins.trac.wordpress.org/log/block-class-manager/)
μέσω [RSS](https://plugins.trac.wordpress.org/log/block-class-manager/?limit=100&mode=stop_on_copy&format=rss).

## Σύνοψη αλλαγών

#### 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.

## Μεταστοιχεία

 *  Version **0.0.3**
 *  Τελευταία ενημέρωση: **πριν από 2 ημέρες**
 *  Ενεργές εγκαταστάσεις: **Λιγότερες από 10**
 *  Έκδοση WordPress: ** 7.0 ή νεότερη **
 *  Δοκιμασμένο μέχρι: **7.0.3**
 *  Έκδοση PHP: ** 8.0 ή νεότερη **
 *  Language
 * [English (US)](https://wordpress.org/plugins/block-class-manager/)
 * Ετικέτες:
 * [blocks](https://el.wordpress.org/plugins/tags/blocks/)[classes](https://el.wordpress.org/plugins/tags/classes/)
   [css](https://el.wordpress.org/plugins/tags/css/)[gutenberg](https://el.wordpress.org/plugins/tags/gutenberg/)
   [responsive](https://el.wordpress.org/plugins/tags/responsive/)
 *  [Σύνθετη Προβολή](https://el.wordpress.org/plugins/block-class-manager/advanced/)

## Αξιολογήσεις

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/block-class-manager/reviews/#new-post)

[Δείτε όλες τις κριτικές](https://wordpress.org/support/plugin/block-class-manager/reviews/)

## Συντελεστές

 *   [ Block Class Manager ](https://profiles.wordpress.org/blockclassmanager/)

## Υποστήριξη

Έχετε κάτι να πείτε; Χρειάζεστε βοήθεια;

 [Φόρουμ υποστήριξης](https://wordpress.org/support/plugin/block-class-manager/)