Passare a un tema a blocchi su WordPress offre un approccio moderno e intuitivo al design di siti web. In questa guida scoprirai perché i temi a blocchi sono vantaggiosi e quali passaggi seguire per garantire un passaggio fluido da un tema classico.
In questa guida
Hai una domanda?
Chiedi al nostro Assistente IAI temi a blocchi, introdotti con WordPress 5.9, rappresentano un’evoluzione significativa rispetto all’esperienza dei temi classici. Questi temi rendono superfluo l’uso di codice personalizzato, l’assunzione di sviluppatori o la ricerca di nuovi temi per soddisfare le proprie preferenze di design. I temi a blocchi semplificano il processo, rendendo le modifiche al design accessibili a chiunque tramite l’Editor di WordPress.
Prima di passare da un tema classico a un tema a blocchi, è importante comprendere quali cambiamenti avverranno. Lo stile e il layout del tuo sito web cambieranno, ma il contenuto delle tue pagine e dei tuoi articoli rimarrà invariato.
Abbiamo a disposizione alcuni strumenti per testare il nuovo tema prima di applicarlo al sito pubblico:
- Prova e personalizza: visualizza l’anteprima di un tema e apporta modifiche prima di attivarlo sul tuo sito.
- Crea un sito di staging: i piani di hosting idonei includono la possibilità di creare una replica esatta del tuo sito pubblico.
Il tuo flusso di lavoro cambierà, quindi prenditi un po’ di tempo per imparare a modificare il tema e i contenuti prima di passare definitivamente a un tema a blocchi sul tuo sito pubblico.
Per apportare modifiche a un tema classico, solitamente si usa la funzione Personalizza. Personalizza offre una serie predefinita di personalizzazioni basate sul tema scelto. Con i temi a blocchi, il design viene gestito nell’Editor del sito, uno strumento molto più flessibile. L’Editor del sito offre un controllo completo su come il tema mostrerà i tuoi contenuti ed è indipendente dal tema stesso.
Inoltre, nei temi classici, i contenuti vengono modificati utilizzando l’Editor classico. L’Editor classico era un semplice campo di testo in cui inserire il contenuto della pagina o dell’articolo. I temi a blocchi utilizzano l’Editor di WordPress, il che significa che puoi aggiungere ogni tipo di contenuto e di elemento di layout a una pagina o a un articolo.
Prima di passare a un nuovo tema, potresti voler impostare la visibilità del sito su “privato” o “presto disponibile”: in questo modo avrai il tempo di controllare il nuovo design e apportare le modifiche necessarie prima che i visitatori lo vedano. Scopri come modificare le impostazioni di privacy del tuo sito.
Infine, annota il nome del tuo tema attuale e controlla se si tratta di un tema ritirato. Se il tuo tema attuale non è ritirato, potrai tornare al tema classico nel caso avessi bisogno di più tempo per passare a un tema a blocchi. I temi ritirati possono rimanere attivi sul tuo sito, ma non è possibile riattivarli se passi a un tema diverso.
Se il piano di hosting del tuo sito include i backup, potrai comunque ripristinare il sito allo stato precedente al cambio del tema.
Ora che hai testato il tuo sito con un tema a blocchi, è il momento di cambiare il tema sul tuo sito pubblico:
- Visita la bacheca del tuo sito.
- Vai su Aspetto → Temi.
- Cerca il tema che hai scelto.
- Fai clic sulla miniatura del tema e poi sul pulsante “Attiva“.
Se preferisci, puoi visualizzare l’anteprima del tema e apportare alcune personalizzazioni prima di attivarlo. Una volta che le personalizzazioni del tema ti soddisfano, puoi procedere all’attivazione.
Se hai testato il tema utilizzando un sito di staging, puoi trasferire le modifiche al sito pubblico sincronizzando lo staging con la produzione.
Una volta effettuato il passaggio a un tema a blocchi, i seguenti passaggi ti aiuteranno a garantire una transizione fluida e a sfruttare appieno le funzionalità del nuovo tema.
Con il passaggio a un tema a blocchi, il modo in cui modifichi la homepage cambierà. Ecco alcune delle principali novità di cui tenere conto:
- Userai l’Editor del sito per progettare i contenuti della tua homepage.
- Se il tuo tema classico utilizzava una homepage statica, la pagina verrà spostata nella sezione “bozze” in Pagine nella bacheca del sito. Puoi copiare i contenuti necessari dalla bozza al nuovo template della homepage nell’Editor del sito.
- Se il tuo tema classico mostrava gli ultimi articoli nella homepage, puoi aggiungere un blocco Query loop al template della tua homepage o creare una pagina separata per gli articoli del blog.
Sebbene i menu esistenti dovrebbero essere trasferiti automaticamente al nuovo tema, potresti voler personalizzarne il design e il layout. Questo è il momento ideale per familiarizzare con la personalizzazione dei menu del sito nei temi a blocchi.
Non dovrai più usare la funzione “Personalizza” o la sezione “Menu” in Aspetto per apportare modifiche. Al contrario, gestirai la navigazione direttamente tramite l’Editor del sito.
I temi a blocchi utilizzano template completamente personalizzabili per i diversi tipi di pagina (homepage, pagine, articoli, ecc.). Hai il pieno controllo sulla posizione degli elementi nel template, nonché sulla spaziatura interna e sui margini di ogni elemento.
- Scopri di più sulla modifica dei template.
- Scopri come personalizzare gli stili del tema, inclusi font e colori.
- Scopri come regolare lo spazio tra i blocchi.
- Consulta tutte le guide sulla modifica dei temi e dei template nell’Editor del sito.
Testa il tuo sito web su più dispositivi e browser per assicurarti che tutto funzioni correttamente, inclusi:
- Widget: se utilizzi dei widget sul sito, verifica che siano stati convertiti in blocchi per mostrare i contenuti desiderati.
- Plugin: se il tuo sito utilizza dei plugin, assicurati che funzionino ancora correttamente. Rimuovi i plugin che non ti servono più.
Se hai impostato temporaneamente il sito come privato, ricordati di renderlo nuovamente pubblico. Questo è anche un ottimo momento per informare i tuoi abbonati e i follower sui social del nuovo design del sito.
Poiché i temi a blocchi non utilizzano più la funzione Personalizza, ecco un pratico elenco di dove trovare le funzionalità di modifica di base in un tema a blocchi:
| Personalizza | Editor del sito |
|---|---|
| Identità del sito (titolo del sito e slogan) | Impostazioni → Generali (Titolo e Slogan) |
| Colori e sfondi | Aspetto → Editor → Stili |
| Caratteri | Aspetto → Editor → Stili |
| Immagine d’intestazione | Aspetto → Editor → Template |
| Menu | Aspetto → Editor → Menu |
| Widget | Aspetto → Editor (I widget sono stati sostituiti da blocchi) |
| Impostazioni della homepage | Impostazioni → Reader |
| CSS aggiuntivo | Aspetto → Editor → Stili |