Quick Class Selector

A WordPress plugin that adds a convenient multi-select dropdown for predefined CSS classes in the Gutenberg editor.

Description

Quick Class Selector streamlines your workflow by allowing you to predefine CSS classes and quickly apply them to any Gutenberg block. Instead of manually typing class names in the "Additional CSS class(es)" field, simply select from your predefined list.

Features

• Admin Settings Page: Easily manage your predefined CSS classes
• Optional Descriptions: Add descriptions to remember what each class does
• Drag & Drop Ordering: Organize your classes in the order you prefer
• Multi-Select Dropdown: Select multiple classes at once in the Gutenberg editor
• Visual Tags: See selected classes as removable tags
• Automatic Updates: Receive updates directly from GitHub

Installation

1. Download the latest release from GitHub
2. Upload the quick-class-selector folder to /wp-content/plugins/
3. Activate the plugin through the 'Plugins' menu in WordPress
4. Go to Settings → Quick Class Selector to add your CSS classes

Usage

Adding Classes

1. Navigate to Settings → Quick Class Selector
2. Click "Nieuwe class toevoegen" (Add new class)
3. Enter the class name (without the dot)
4. Optionally add a description for your reference
5. Click "Opslaan" (Save)

Using in Gutenberg

1. Select any block in the editor
2. Open the block settings sidebar
3. Expand the "Advanced" section
4. Use the "Quick Classes" dropdown to select your predefined classes
5. Selected classes are automatically added to the block

Screenshots

Admin Settings

Manage your predefined CSS classes with descriptions and drag & drop ordering.

Gutenberg Integration

Multi-select dropdown appears in the Advanced panel of every block.

Requirements

• WordPress 5.8 or higher
• PHP 7.4 or higher

Changelog

1.0.0

• Initial release
• Admin settings page for managing CSS classes
• Multi-select dropdown in Gutenberg editor
• Drag & drop reordering
• GitHub-based automatic updates

Author

Samuel Studios Website: samuelstudios.nl

License

This plugin is licensed under the GPL v2 or later.

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.