Un sito si costruisce un blocco alla volta.

Un titolo è un blocco. Un paragrafo è un blocco. Anche un’immagine, un pulsante o una griglia di colonne. Per costruire una pagina li metti uno dopo l’altro, come i paragrafi di una lettera.

Per cambiare un testo ci clicchi sopra e scrivi. Per spostare una sezione la trascini. Non serve sapere cos’è il codice: dal 2018 WordPress funziona così, e questa è la strada che sta seguendo.

Titolo

Benvenuti in officina

Paragrafo

Lavoriamo il metallo dal 1978, su disegno del cliente.

Immagine

Barra metallica lavorata al tornio

Un formato aperto, non una scatola chiusa.

  • Nell’editor vedi la pagina come apparirà online
  • Colori, font e spaziature li scegli tra quelli del sito
  • Sotto, la pagina è HTML standard con delle etichette

Qualsiasi WordPress sa leggere quelle etichette, oggi e tra dieci anni: il contenuto resta chiaro e portabile, qualunque tema o strumento userai in futuro.

<!-- wp:heading -->
<h2>Benvenuti in officina</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lavoriamo il metallo dal 1978,
su disegno del cliente.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
…
<!-- /wp:buttons -->

Così è salvata, davvero, la pagina qui sopra.

Non solo le pagine: tutto il sito.

Dal 2022 anche header, footer e modelli delle pagine sono fatti di blocchi. Si chiama Full Site Editing: lo stesso modo di lavorare dalla prima all’ultima riga del sito.

In più, colori, font e spaziature sono definiti una volta sola, negli stili globali, e restano coerenti su ogni pagina.

In giallo le parti comuni a tutto il sito, in azzurro il contenuto della singola pagina.

Header · parte di template

Logo · menu · pulsante

Contenuto della pagina

Lavorazioni

Fresatura, tornitura, taglio laser.

Centro di lavoro CNC che fresa un pezzo di metallo

Footer · parte di template

Indirizzo · contatti · link

Dove sta andando WordPress.

Il Full Site Editing non è una novità improvvisa: è la seconda delle quattro fasi del progetto Gutenberg, annunciate nel 2018 e portate avanti una versione dopo l’altra.

2018

Annunciate le quattro fasi: editor, personalizzazione del sito, collaborazione, multilingua. Con WordPress 5.0 arriva l’editor a blocchi.

2020

Nel plugin Gutenberg si sperimenta la fase 2: il sito intero a blocchi. WordPress 5.5 introduce i pattern, sezioni pronte da riutilizzare.

2021

WordPress 5.8: editor dei modelli di pagina, widget a blocchi e theme.json, il file che governa colori e font del sito.

2022

WordPress 5.9: primi temi a blocchi ed editor del sito. Il Full Site Editing entra in WordPress.

2023

WordPress 6.2: l’editor del sito esce dalla fase sperimentale.

2024

WordPress 6.5: libreria dei font e nuovi strumenti di impaginazione.

Oggi

Si lavora alla fase 3, la collaborazione, e i principali produttori di temi portano i loro strumenti sui temi a blocchi.

La domanda giusta

Il Full Site Editing vale la pena?

Sì, sapendo che da solo non fa ancora tutto. Per anni anche chi produce temi e builder ne ha parlato con prudenza, e aveva ragione. Oggi la base è solida; quello che manca si aggiunge con poco codice, senza cambiare il formato dei contenuti.

Il punto di forza

Cosa fa benissimo

  • Header, footer e modelli con gli stessi blocchi delle pagine
  • Colori e font in un unico posto, coerenti ovunque
  • Nessun formato proprietario: il sito resta leggibile da qualsiasi WordPress
  • Gli aggiornamenti arrivano con WordPress, non da un produttore esterno

Il limite

Cosa non fa ancora da solo

  • Mega menu con pannelli ricchi
  • Animazioni e layout che escono dalla griglia
  • Contenuti che compaiono solo in certe pagine o in certi periodi
  • Un editor del sito semplice per chi non è del mestiere

↓

Per questo esiste WARE Toolkit.

Un plugin piccolo e open source che aggiunge mega menu, animazioni, layout creativi e contenuti condizionali. E per i clienti blocchiamo la struttura delle sezioni: si cambiano testi e immagini senza rischiare di rompere l’impaginazione.

Vuoi vedere cosa si può fare con i blocchi?

Undici siti di partenza, uno per settore, tutti fatti solo di blocchi: guarda le demo complete e importa quello che fa per te.