Gutenberg è l'editor nativo di WordPress. FSE (Full Site Editing) consente di editare il tema intero da pannello. Ma FSE puro non è sempre ideale: complessità, performance, governance. La soluzione intelligente? Combinare il meglio: Gutenberg per i contenuti, Kadence o GreenShift come base stabile, blocchi custom dove serve.
Perché scegliere Gutenberg Perché scegliere Gutenberg & blocchi custom
blocchi custom
- Modularità: Blocchi riutilizzabili, versionabili, facili da estendere.
- Semantica: HTML5 puro, accessibile, ami dai motori di ricerca.
- Performance: Zero bloat da builder, CSS legato ai blocchi usati.
- Governance: Controllo totale su quali blocchi l'editor può usare.
- Maintenibilità: Codice pulito, non lock-in su builder terzi.
Approcci pratici: FSE vs Kadence vs GreenShift
Non esiste un "vincitore assoluto". Scelgo in base ai tuoi requisiti:
FSE Puro (Full Site Editing)
Pro: Massima libertà, minimo bloat, editor di tema integrato, block theme che evolve con WordPress.
Contro: Curva di apprendimento, ecosystem ancora fragile, hosting/theme designer hanno meno template pronti.
Migliore per: Agenzie small/medie che gestiscono pochi siti, team tech-savvy, progetti con tempo di sviluppo.
Kadence (Hybrid Approach)
Pro: Tema premium e builder integrato, pannello Kadence intuitivo, block theme + editor theme grafico, buona documentazione.
Contro: Dipendenza da Kadence, piccolo learning curve per la loro UX, cost mensile/annuale.
Migliore per: Agenzie che servono clienti che vogliono UI editor, progetti veloci, clienti che editano spesso.
GreenShift (Advanced Block Builder)
Pro: Estremamente potente, blocchi avanzati con logica real-time, performance eccellente, no builder bloat, community attiva.
Contro: Curva di apprendimento più alta, cost, richiede conoscenza di Gutenberg.
Migliore per: Agenzie con progetti complessi, client che vogliono design avanzato senza bloat, chi prioritizza performance.
Quando scegliere cosa
| Requisito | FSE Puro | Kadence | GreenShift |
|---|---|---|---|
| Performance | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| Facilità Editor | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |
| Design Complexity | ⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| Governance/Lock-in | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| Curva Apprendimento | ⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐ |
Blocchi custom Blocchi custom & pattern
pattern
Che scegli FSE, Kadence o GreenShift, i blocchi custom sono il vero valore:
- Blocchi brand-specific: CTA con colors aziendali, testimonial card, team member grid.
- Pattern riutilizzabili: Hero + CTA, Feature grid + text, Image + overlay text (combinazioni di blocchi preset).
- Logica lato editor: Attributi custom, validazioni, preview real-time.
- Integrazione dati: Blocco che mostra ultimi post/prodotti/autori da query custom.
Design system Design system & governance
governance
Per agenzie, è cruciale che il design system resti coerente:
- Token globali: Colori, spacing, tipografia definiti in theme.json.
- Blocchi allowlist: Disabilito blocchi non necessari, mostro solo quelli ok.
- Preset e Templates: Pagina hero, gallery page, blog index già pronti.
- Documentazione Editor: Guida per editor su come usare i blocchi custom.
SEO SEO & accessibilità
accessibilità
Gutenberg nativo significa:
- HTML semantico: Heading, list, nav natively correct.
- Accessibility: Focus states, keyboard navigation, ARIA dove serve (nativa in Gutenberg).
- Schema markup: Integrato nei blocchi (article, organization, faq schema).
- Core Web Vitals: Zero bloat da builder = performance naturale.
Processo di lavoro per agenzie
1. Design System Audit
Analizzo il tuo design system Figma, estraggo token di colore/spacing/tipografia.
2. Theme Setup
Setup tema: theme.json con token globali, block editor CSS, block patterns, allowlist.
3. Custom Blocks
Sviluppo blocchi custom per sezioni unici o complessi del tuo brand.
4. Staging & Review
Staging identico a prod, test editor UX, test responsive, test su Elementor/plugin popolari se usati.
5. Documentazione & Handoff
Documentazione per editor: blocchi disponibili, come usarli, pattern pre-costruiti, limitazioni.
FAQ
Posso usare Elementor insieme a Gutenberg?
Sì, ma non contemporaneamente sulle stesse pagine. Gutenberg per design system pulito, Elementor per pagine custom dove serve. O solo Gutenberg se il brief lo permette (più pulito).
Se cambio da Kadence a FSE, cosa succede?
I tuoi contenuti rimangono. I blocchi custom rimangono. Potrebbe richiedere aggiustamenti visivi se Kadence aveva widget custom, ma il core rimane stabile.
I miei editor troveranno facile usare i blocchi?
Sì, se documentiamo bene e creiamo pattern preset. Gutenberg è UI intuitiva per chi conosce WordPress.
Quando scegliere blocchi custom vs Gutenberg core blocks?
Core blocks coprono il 90% dei casi (paragraph, heading, gallery, embed, etc). Custom blocks servono per logica brand-specific o logica dati.