ClassyBlocks - Configurazione¶
Configurazione¶
Framework CSS¶
Vai su CSS Classes > Impostazioni per abilitare/disabilitare i framework:
| Framework | Uso consigliato |
|---|---|
| Bootstrap | Siti che già usano Bootstrap |
| Tailwind CSS | Utility-first, bundle via CDN |
| Bulma | Flexbox puro, leggero |
| UIkit | Componenti completi |
| Materialize | Design Material |
| Pure CSS | Minimalista |
| Spectre | Micro-framework |
| Semantic UI | Classi semantiche |
| Foundation | Framework completo |
Ogni framework può essere attivato separatamente per Editor, Admin, e Frontend.
Creare una classe¶
- Vai su CSS Classes > Dashboard
- Clicca Aggiungi nuova classe
- Inserisci nome e proprietà CSS (es.
color: red; font-size: 18px;) - Aggiungi eventuali pseudo-stati (:hover, :focus, :active, :visited)
- Salva e assegna un pack
Usare le classi in Gutenberg¶
- Apri un post/pagina con Gutenberg
- Seleziona un blocco
- Nella sidebar, apri il pannello ClassyBlocks
- Spunta le classi da applicare (anteprima live inclusa)