Come testare il tuo sito per l'aggiornamento a Gutenberg (Block Editor)

Passare all'editor a blocchi di WordPress può essere un passo importante se il tuo sito funziona senza problemi con l'editor classico.

L'editor a blocchi introduce un'esperienza moderna. Rende più facile creare layout ricchi senza plugin o shortcode aggiuntivi.

L'aggiornamento porta possibilità entusiasmanti, ma è importante effettuare la transizione con attenzione.

Testare il tuo sito in anticipo ti aiuta a evitare sorprese. Assicura che tu preservi il tuo design attuale e che tutto continui a funzionare come previsto.

Abbiamo aiutato molti utenti WordPress a prepararsi per questo cambiamento. Un po' di pianificazione fa molta strada. In questa guida, ti illustreremo i passaggi esatti che seguiamo per testare un sito prima di abilitare l'editor a blocchi.

Questo ti aiuterà ad andare avanti con fiducia e a sfruttare al meglio ciò che l'editor a blocchi ha da offrire.

Perché testare il tuo sito WordPress prima di aggiornare a Gutenberg?

Sebbene i moderni temi e plugin di WordPress siano in gran parte compatibili con l'editor a blocchi, il test è l'unico modo per essere sicuri al 100%.

Creare un ambiente di test prima di passare dall'Editor Classico ti permette di:

• Rileva incompatibilità: Puoi scoprire se uno dei tuoi vecchi plugin o funzionalità del tema personalizzato sono in conflitto con l'editor a blocchi.
• Proteggi il tuo traffico live: Eviti layout interrotti o messaggi di errore che potrebbero allontanare i visitatori.
• Salvaguarda le entrate: Ti assicuri che i tuoi moduli di contatto, le pagine di checkout e le pubblicità continuino a funzionare perfettamente.
• Pratica senza rischi: Puoi familiarizzare con la nuova interfaccia senza la pressione di modificare un sito web live.

Tempistiche stimate per il test

Prima di iniziare, ecco cosa aspettarsi in termini di investimento di tempo:

• Creazione backup: 10-30 minuti (a seconda delle dimensioni del sito)
• Configurazione staging: 15-45 minuti (più veloce con strumenti di hosting 1-click)
• Test editor a blocchi: 1-3 ore (testa tutte le pagine e funzionalità chiave)
• Risoluzione problemi: Variabile (contatta gli sviluppatori se vengono trovati conflitti)
• Tempo totale: 2-5 ore per la maggior parte dei siti WordPress

Siti più grandi con personalizzazioni estese potrebbero richiedere ulteriore tempo di test. Pianifica di conseguenza ed evita di affrettare il processo.

Detto questo, vediamo come testare il tuo sito web per passare all'editor a blocchi passo dopo passo. Puoi utilizzare questi collegamenti rapidi per navigare in questo tutorial:

Passaggio 1: Crea un backup completo del tuo sito web

Devi sempre creare un backup completo del tuo sito WordPress prima di qualsiasi aggiornamento importante. I backup ti proteggono da eventuali danni ed evitano problemi che possono verificarsi durante il processo di aggiornamento.

Mantenere backup regolari del sito web è importante anche se non stai aggiornando il tuo sito, poiché possono salvarti in situazioni di emergenza come attacchi malware, hacking e altro.

Ci sono molti plugin di backup per WordPress tra cui puoi scegliere, ma ti consigliamo di utilizzare Duplicator. È affidabile per oltre 1,5 milioni di installazioni attive e mantiene una valutazione di 4,9/5 su WordPress.org.

L'abbiamo testato a fondo su varie configurazioni di WordPress e si è dimostrato costantemente affidabile e facile da usare.

Sia che tu stia creando backup manuali o impostando pianificazioni automatiche, Duplicator ti offre pieno controllo e flessibilità.

Se sei curioso di sapere come si confronta con altri strumenti, abbiamo anche pubblicato una recensione pratica di Duplicator condividendo la nostra esperienza in modo più dettagliato.

Per creare un backup con Duplicator, vai alla tua bacheca WordPress e naviga su Duplicator » Backups. Quindi, fai clic su ‘Add New’.

Questo ti porterà a una nuova schermata, dove devi nominare il tuo backup e configurare le opzioni di archiviazione per esso.

Quindi, fai clic sul pulsante ‘Create Backup’.

Una volta fatto, scarica entrambi i file ‘Installer’ e ‘Archive’ sul tuo computer. Archivia questi file in un luogo sicuro: ti serviranno se dovrai ripristinare il tuo sito. 

Per istruzioni complete, consulta il nostro tutorial su come creare un backup completo in WordPress.

Passaggio 2: Testa il tuo sito su un server locale o un sito di staging

Dopo aver creato un backup completo del tuo sito web, sei pronto per testare. Ora puoi controllare il tuo sito web con l'editor a blocchi in sicurezza.

Esistono due metodi comuni per testare i nuovi aggiornamenti senza influire effettivamente sul tuo sito live:

1. Testa il tuo sito web su un server locale installato sul tuo computer.
2. Testa il tuo sito web su un server di staging.

Entrambe le opzioni ti consentono di testare WordPress con l'editor a blocchi e i tuoi contenuti, plugin e temi esistenti.

1. Testa il tuo sito web su un server locale

Utilizzare un server locale significa installare il tuo sito WordPress sul tuo computer personale. Strumenti moderni come LocalWP (precedentemente Local by Flywheel) o XAMPP rendono questo processo facile con installazioni di WordPress in un clic.

Per gli utenti Windows, WAMP è anche un'ottima opzione, e gli utenti Mac possono usare MAMP (che funziona anche su Windows).

Scarica e installa LocalWP o scegli XAMPP, WAMP o MAMP in base al tuo sistema operativo. Segui la procedura guidata di installazione per configurare l'ambiente server locale sul tuo computer.

In questo metodo, prima sposterai una copia del tuo sito WordPress live sul server locale usando un plugin di migrazione come Duplicator.

Dopo aver creato il tuo pacchetto di backup nel Passaggio 1, carica entrambi i file Installer e Archive nella directory principale del tuo server locale (solitamente htdocs per XAMPP o www per WAMP/MAMP).

Quindi, apri il tuo browser e naviga su http://localhost/installer.php. Segui le istruzioni sullo schermo per estrarre l'archivio e completare l'installazione.

Per istruzioni dettagliate, consulta la nostra guida su come spostare WordPress da un server locale a un sito live (il processo inverso funziona allo stesso modo).

Quindi, sul sito locale, puoi passare all'editor a blocchi. Puoi testare la compatibilità di tutti i tuoi plugin e temi. Puoi anche apportare modifiche al sito locale e caricarle sul tuo sito live quando hai finito.

Per fare ciò, crea un nuovo pacchetto Duplicator sul tuo sito locale (seguendo gli stessi passaggi di backup del Passaggio 1), quindi carica i file Installer e Archive sul tuo server live ed esegui l'installer.

Se non hai avuto bisogno di apportare modifiche localmente e tutto sembrava a posto, puoi aggiornare il tuo sito live. Prima di passare al sito live, crea un nuovo backup per assicurarti di poter ripristinare in caso di problemi.

2. Testa il tuo sito web in un ambiente di staging

Un sito di staging è una versione di sviluppo separata del tuo sito web dove puoi provare nuove funzionalità.

Di solito è un sottodominio del tuo sito, limitato all'accesso pubblico. È dove puoi testare nuovi aggiornamenti, temi e plugin, o usarlo per tutto il tuo sviluppo. Una volta testato tutto il necessario, puoi caricarlo sul tuo sito live.

Tutte le principali società di hosting WordPress gestito – tra cui Bluehost, WP Engine, SiteGround e Hostinger – offrono l'installazione di un sito di staging con 1 clic dal tuo account di hosting.

Se il tuo sito è ospitato su Bluehost, troverai un'opzione per creare un sito di staging nel menu Bluehost nella dashboard di amministrazione di WordPress.

Se non utilizzi nessuna di queste società di hosting, dovresti chiedere al tuo host perché potrebbero offrire questa funzionalità.

Se il tuo servizio di hosting non dispone di una funzionalità di installazione di siti di staging, puoi comunque farlo manualmente da solo. Ecco il nostro tutorial passo passo su come impostare un ambiente di staging in WordPress.

Passaggio 3: Installa il plugin Classic Editor in caso di problemi di compatibilità

C'è la possibilità che un tema o un plugin potrebbe non funzionare dopo il passaggio. I segni comuni di incompatibilità includono: layout di pagina interrotti, contenuti mancanti, messaggi di errore nell'editor, funzionalità che non appaiono più o errori PHP visualizzati sul front-end.

Se riscontri uno di questi problemi, significa che hai ancora del lavoro da fare.

Devi contattare lo sviluppatore del tema o del plugin. Chiedi loro di renderlo compatibile con l'editor a blocchi.

Se non ricevi una risposta positiva, potresti dover trovare un tema o un plugin alternativo.

In alternativa, puoi continuare a utilizzare il plugin Classic Editor. Questa è l'opzione migliore se gestisci un sito ricco di contenuti con un team numeroso già formato sul flusso di lavoro classico, o se ti affidi a plugin legacy che non sono stati aggiornati per la compatibilità con i blocchi.

Classic Editor è un plugin ufficiale di WordPress. Ti permette di nascondere l'editor a blocchi e creare contenuti nello stesso modo di prima.

Questa è anche una buona opzione se non sei ancora pronto a passare all'Editor a Blocchi.

Passaggio 4: Scopri di più sull'editor Gutenberg

Se stai solo avviando il tuo primo blog WordPress, sei fortunato. Ti abituerai rapidamente al fantastico nuovo editor a blocchi, che è più veloce, più moderno e incredibilmente potente.

D'altra parte, se stai usando WordPress da un po' di tempo, il nuovo editor è un cambiamento entusiasmante. La maggior parte di noi è abituata a lavorare con il vecchio editor. Abbiamo impostato i nostri flussi di lavoro attorno ad esso.

La buona notizia è che puoi ancora fare tutte le cose che facevi nel vecchio editor con l'editor a blocchi. Per aiutarti a imparare le nuove funzionalità, abbiamo creato questi articoli:

• Come utilizzare il Block Editor di WordPress (Tutorial Gutenberg)
• Come convertire in blocco blocchi classici in Gutenberg in WordPress
• Guida per principianti all'aggiornamento dei tuoi vecchi post di WordPress con l'editor a blocchi Gutenberg
• Come aggiungere un nuovo post in WordPress e utilizzare tutte le funzionalità
• Come aggiungere e allineare immagini nell'editor a blocchi di WordPress (Gutenberg)
• Guida definitiva alla selezione e all'uso di blocchi annidati in WordPress
• Come usare l'editor a schermo intero senza distrazioni in WordPress
• Come annullare le modifiche in WordPress con le revisioni dei post
• Guida per principianti: come utilizzare i pattern di blocchi di WordPress

Puoi anche consultare la nostra guida completa sull'editor completo del sito, che è simile all'editor a blocchi ma serve per modificare i temi di WordPress.

Domande frequenti sull'aggiornamento del tuo sito a Gutenberg

Ecco alcune domande che i nostri lettori hanno frequentemente posto sull'aggiornamento dell'editor del loro sito WordPress a Gutenberg.

Come posso testare il mio sito web WordPress in modo sicuro?

Per testare in sicurezza il tuo sito WordPress, crea prima un backup completo con un plugin come Duplicator.

Quindi configura un sito di staging (o un server locale utilizzando LocalWP, XAMPP, WAMP o MAMP), passa all'editor a blocchi in quell'ambiente di test e controlla tutte le pagine e i plugin per errori prima di aggiornare il tuo sito live.

Gutenberg è meglio di Elementor?

Dipende dalle tue esigenze specifiche. L'Editor a Blocchi (Gutenberg) è integrato direttamente nel core di WordPress, il che elimina la necessità di codice di page builder esterni ed è migliore per le prestazioni del sito. 

Nei nostri test, i siti che utilizzano solo l'Editor a blocchi si caricano in genere il 20-30% più velocemente di quelli che utilizzano Elementor, perché non c'è alcun overhead aggiuntivo del plugin. Tuttavia, Elementor offre un controllo di progettazione più granulare per layout complessi e personalizzati.

Come attivo l'editor Gutenberg in WordPress?

L'editor a blocchi è attivo per impostazione predefinita in tutte le versioni moderne di WordPress. Se non lo vedi, probabilmente hai attivo il plugin "Classic Editor". Devi semplicemente andare su Plugin » Plugin installati e disattivare il Classic Editor.

Perché il mio editor a blocchi non funziona in WordPress?

Questo è solitamente causato da un conflitto con un plugin o un tema obsoleto. Ti consigliamo di disattivare temporaneamente tutti i plugin per vedere se l'editor si carica correttamente, quindi riattivarli uno per uno per trovare il plugin specifico che causa il conflitto.

Per maggiori informazioni, consulta la nostra guida sui problemi comuni dell'editor a blocchi di WordPress e come risolverli.

Come si passa all'editor a blocchi?

Se stai usando il plugin Classic Editor ma vuoi cambiare, vai su Impostazioni » Scrittura nella tua bacheca. Nella sezione “Editor predefinito per tutti gli utenti”, seleziona “Editor a blocchi” e salva le modifiche.

Cosa succede ai miei vecchi post quando passo a Gutenberg?

I tuoi post esistenti rimangono completamente intatti. Quando apri un vecchio post nell'editor a blocchi, WordPress racchiude automaticamente il tuo contenuto classico in un "blocco Classico".

Puoi continuare a modificarlo così com'è, o convertirlo in blocchi individuali utilizzando lo strumento di conversione dei blocchi. Nessun contenuto viene perso durante il passaggio.

Speriamo che questo articolo ti abbia aiutato a capire come testare il tuo sito WordPress per l'aggiornamento all'editor a blocchi. Potrebbe anche interessarti vedere come risolvere i problemi comuni dell'editor a blocchi e le nostre scelte esperte per i migliori plugin di blocchi Gutenberg.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.