13 problemi comuni dell'editor a blocchi di WordPress e come risolverli

WordPress ha sostituito il vecchio editor classico nel 2019 con un nuovissimo editor di contenuti chiamato Gutenberg. Questo editor utilizza i blocchi per creare contenuti in WordPress.

Tuttavia, a volte, potresti riscontrare problemi fastidiosi durante il suo utilizzo. Anche su WPBeginner, abbiamo riscontrato diversi errori durante l'utilizzo dell'editor a blocchi.

In questo articolo, condivideremo come risolvere i problemi più comuni dell'editor a blocchi di WordPress in modo da poter migliorare il tuo flusso di lavoro.

Cos'è l'editor a blocchi di WordPress?

L'editor a blocchi di WordPress, o Gutenberg, è l'editor di contenuti che è stato introdotto nella versione 5.0 di WordPress. Da allora, WordPress ha migliorato l'editor e aggiunto nuove funzionalità.

Offre più funzionalità di personalizzazione rispetto all'Editor Classico. Ottieni diversi blocchi per aggiungere diversi elementi ai tuoi contenuti e non devi modificare il codice per cambiare l'aspetto e lo stile.

Cerca di mostrare come appariranno i tuoi blog e le tue pagine in tempo reale, imitando lo stesso font e gli stessi colori del tuo tema WordPress.

Ad esempio, puoi utilizzare un blocco Immagine per aggiungere immagini ai tuoi post del blog. Inoltre, ottieni opzioni come stile dell'immagine, dimensioni, allineamento e altro ancora utilizzando il blocco.

Oltre a ciò, molti plugin WordPress aggiungono i propri blocchi all'editor di contenuti. Questo rende semplicissimo incorporare elementi come moduli, feed di social media e indici in pochi clic.

Detto questo, l'editor a blocchi non è perfetto. Come qualsiasi altro plugin di WordPress, potresti imbatterti in diversi errori o bug.

Ecco alcuni problemi comuni nell'editor di contenuti. Puoi fare clic sui collegamenti sottostanti per passare a diverse parti del nostro tutorial:

1. Correggere l'errore "WordPress Block Editor Non Funzionante"

Uno dei problemi più comuni che gli utenti riscontrano è "l'editor a blocchi di WordPress non funziona".

Ci sono molte ragioni per cui questo errore può verificarsi. Ad esempio, potrebbe essere dovuto a un tema vecchio e obsoleto, a un plugin difettoso o ad altri errori tecnici.

L'editor a blocchi di WordPress potrebbe anche non funzionare se hai un'impostazione errata sul tuo sito, come la disabilitazione dell'editor visuale durante la creazione di un profilo utente.

Puoi verificarlo andando su Utenti » Profilo dalla tua bacheca di WordPress. Da qui, assicurati solo che l'opzione "Disabilita l'editor visuale durante la scrittura" non sia selezionata.

Se il problema persiste, puoi provare a disattivare tutti i plugin sul tuo sito. Questo dovrebbe aiutare a escludere eventuali conflitti che un plugin potrebbe causare e impedire il funzionamento dell'editor a blocchi.

Un altro modo per risolvere questo problema è aggiornare il tuo tema WordPress. Un tema obsoleto può causare l'errore di mancato funzionamento dell'editor a blocchi. Puoi consultare la nostra guida su come aggiornare il tuo tema WordPress senza perdere dati e personalizzazioni.

2. L'editor a blocchi di WordPress continua a bloccarsi

Un altro problema comune che alcuni utenti riscontrano è che l'editor a blocchi di WordPress si blocca inaspettatamente.

Quando si blocca, vedrai un messaggio di errore 'L'editor ha riscontrato un errore imprevisto'. WordPress mostrerà quindi 3 opzioni, tra cui tentare il ripristino, copiare il testo del post e copiare l'errore.

Ci potrebbero essere diverse ragioni per questo problema. Ad esempio, un plugin potrebbe compromettere l'editor a blocchi e mostrare questo errore, oppure la tua versione di WordPress non è aggiornata.

Puoi risolvere questo problema disattivando tutti i plugin e riattivandoli uno per uno. Un'altra soluzione è cambiare il tuo WordPress con un tema predefinito, come Twenty Twenty-Four, e vedere se il problema persiste.

Se stai ancora riscontrando questo problema dopo aver controllato i plugin e il tema di WordPress, prova ad aggiornare la versione di WordPress e a svuotare la cache di WordPress.

3. Rimuovere l'errore JSON non valido nell'editor dei contenuti

Quando modifichi un post del blog o una pagina, facendo clic sul pulsante 'Aggiorna' nell'editor a blocchi potrebbe apparire un messaggio di errore che indica 'La risposta non è una risposta JSON valida'.

WordPress è in continua comunicazione con il server del sito web in background mentre stai modificando un post sul tuo blog WordPress. Questo errore si verifica quando WordPress non riceve una risposta dal server o la risposta non è in formato JSON.

Ecco alcuni motivi per cui potresti ricevere un errore JSON non valido e come risolverli:

• Controlla gli URL di WordPress nelle Impostazioni – Dovrai assicurarti che l'Indirizzo WordPress e l'Indirizzo del Sito nelle impostazioni del tuo sito siano corretti. Vai semplicemente alla pagina Impostazioni » Generali e controlla se gli URL sono gli stessi. L'errore JSON potrebbe essere attivato se l'Indirizzo del Sito è diverso.

• Correggi le Impostazioni dei Permalink in WordPress – In WordPress, puoi impostare URL ottimizzati per la SEO per le tue pagine e i tuoi post. Tuttavia, impostazioni errate possono rendere difficile per l'editor a blocchi ricevere una risposta JSON valida. Assicurati solo di selezionare il formato di permalink corretto.
• Check WordPress .htaccess File Settings – The .htaccess file is used as a configuration file in WordPress to manage SEO-friendly URLs (permalinks). Usually, WordPress will automatically regenerate and update it. However, incorrect settings or out-of-date .htaccess files can cause JSON errors.
• See REST API Debug Logs – The REST API is a set of techniques WordPress uses to communicate with your site’s server. A JSON error can also mean that the REST API encountered an error. You can check this by viewing the REST API logs on the Site Health page in WordPress.
• Try Deactivating All the Plugins – A conflict between different WordPress plugins can also result in an invalid JSON error. Try deactivating all the plugins on your website and see if the error reoccurs.
• Switch to the Classic Editor – If you are still unable to resolve the JSON error, then you can switch back to the Classic Editor in WordPress. The old content editor doesn’t rely on REST API to get a JSON response from the website server.

Per saperne di più su ciascuno di questi suggerimenti in dettaglio, consulta la nostra guida su come correggere l'errore JSON non valido in WordPress.

4. Risolvere l'errore di aggiornamento non riuscito / pubblicazione non riuscita

Un altro errore che potresti riscontrare durante l'aggiornamento o la pubblicazione di un post del blog o di una pagina nell'editor a blocchi di WordPress è: 'Aggiornamento non riuscito. Probabilmente sei offline.'

Questo problema si verifica quando l'API REST di WordPress non riesce a comunicare con il database di WordPress.

Se l'editor a blocchi non riesce a inviare e ricevere richieste dal database di hosting WordPress, diverse parti del tuo sito non funzioneranno. Questo include l'editor a blocchi.

L'API REST potrebbe smettere di funzionare se non sei connesso a Internet o hai perso la connettività. Per risolvere questo problema, assicurati che la tua connessione Internet funzioni correttamente, quindi prova ad aggiornare o pubblicare la tua pagina.

Oltre a ciò, puoi andare su Strumenti » Stato del sito dalla tua bacheca di WordPress e visualizzare i log dell'API REST. Se c'è un problema con l'API REST, lo vedrai nella sezione 'miglioramenti consigliati'.

Il registro degli errori mostrerà cosa è successo all'API REST e potrebbe darti indizi su cosa potrebbe aver causato il problema.

Per informazioni sulla risoluzione di questo problema, puoi consultare la nostra guida su come correggere gli errori di aggiornamento/pubblicazione non riusciti di WordPress.

5. Aggiungere o rimuovere spazi vuoti tra i blocchi di WordPress

Quando crei pagine e post personalizzati utilizzando l'editor a blocchi di WordPress, potresti notare troppo o troppo poco spazio tra i blocchi.

Di solito, il tuo tema WordPress controlla lo spazio. Tuttavia, ci sono opzioni nell'editor a blocchi che ti consentono anche di controllare il layout della tua pagina e offrire una migliore esperienza utente.

Ad esempio, puoi aggiungere un blocco Spacer per aggiungere spazi vuoti. Fai semplicemente clic sul pulsante '+' e aggiungi il blocco Spacer ovunque nel contenuto.

In questo modo, puoi aggiungere spazio aggiuntivo tra i blocchi.

WordPress ti consente anche di regolare le dimensioni del blocco Spacer. Puoi renderlo più grande o più piccolo trascinando il blocco su o giù.

Se desideri rimuovere spazio vuoto extra tra i blocchi, dovrai inserire CSS personalizzato nel tuo tema WordPress o utilizzare un plugin CSS come CSS Hero.

Il plugin ti consente di modificare il CSS del tuo sito web senza modificare il codice. Offre diverse opzioni di spaziatura che puoi utilizzare per regolare lo spazio vuoto tra i blocchi.

Puoi anche usare SeedProd per creare una pagina personalizzata in WordPress e avere il pieno controllo sul design.

Per saperne di più, consulta la nostra guida su come aggiungere o rimuovere spazi vuoti tra i blocchi di WordPress.

6. Copia e incolla contenuti senza problemi di formattazione

Hai mai notato che copiare e incollare contenuti da un'app desktop o da una pagina web nell'editor a blocchi comporta anche una formattazione indesiderata?

Vedrai che il font e i colori del contenuto incollato non corrispondono al tuo tema WordPress. Questo è molto comune se stai usando Microsoft Word o Google Docs per scrivere il contenuto e poi inserirlo nell'editor a blocchi.

Alcuni semplici suggerimenti per mantenere la formattazione originale includono l'uso degli stili di intestazione di Word e Google Docs. In questo modo, WordPress sceglierà automaticamente il livello dell'intestazione quando incollerai il contenuto nell'editor a blocchi.

Oltre a ciò, dovresti controllare il codice HTML della tua pagina o del tuo post dopo aver incollato il contenuto. Nell'editor di contenuti di WordPress, puoi selezionare un blocco e quindi fare clic sull'opzione dei 3 punti verticali.

Dal menu a discesa, seleziona semplicemente l'opzione 'Modifica come HTML'.

In questo modo, dovresti essere in grado di trovare eventuali errori di formattazione, come grassetti e corsivi errati, testo indesiderato e altro ancora.

Per maggiori dettagli, puoi consultare la nostra guida su come copiare e incollare in WordPress senza problemi di formattazione.

7. Risolvere il problema di caricamento delle immagini in WordPress

Successivamente, potresti visualizzare un errore durante il caricamento delle immagini nell'editor a blocchi di WordPress. È uno dei problemi più comuni relativi alle immagini in WordPress.

La ragione principale di questo errore è dovuta a permessi di file errati. Tutti i file del tuo sito web sono archiviati sul tuo servizio di web hosting e richiedono permessi specifici per file e directory per funzionare.

Se questi permessi sono errati, ciò può impedire a WordPress di leggere e caricare file sul server di hosting. Di conseguenza, noterai che le immagini scompariranno dalla libreria multimediale dopo il caricamento, oppure potresti vedere un messaggio di errore che dice:

‘Impossibile creare la directory wp-content/uploads/2019/04. La directory padre è scrivibile dal server?’

Per risolvere questo problema, dovrai modificare le autorizzazioni dei file. Puoi utilizzare un client FTP e accedere alla cartella /wp-content/. Da qui, puoi fare clic con il pulsante destro del mouse sulla cartella e modificare le autorizzazioni dei file.

Segui la nostra guida passo passo su come risolvere il problema di caricamento delle immagini in WordPress per maggiori informazioni su questa soluzione.

8. Risoluzione dell'errore HTTP di caricamento immagini

Un altro problema che potresti riscontrare durante il caricamento di immagini nell'editor a blocchi di WordPress è l'errore HTTP.

WordPress mostrerà un generico errore 'HTTP' quando carichi immagini nella Libreria multimediale e non sarai in grado di vedere un'anteprima dell'immagine.

Ci sono diverse cose che potrebbero causare questo problema. La parte frustrante è che il messaggio di errore non fornisce molti indizi sulla causa effettiva.

Per risolvere questo problema, puoi provare diverse cose. Innanzitutto, puoi semplicemente aspettare qualche minuto e riprovare a caricare l'immagine. A volte, il server del tuo sito web potrebbe riscontrare un problema come traffico insolito e scarse risorse del server.

Oltre a ciò, puoi aumentare il limite di memoria di WordPress e impedire che la mancanza di memoria causi l'errore HTTP. Altre cose che puoi provare includono la modifica della libreria di editor di immagini utilizzata da WordPress e la modifica del file .htaccess.

Inoltre, la tua sessione di accesso potrebbe essere scaduta e questo errore a volte scompare andando alla tua schermata di accesso e inserendo nuovamente il tuo nome utente e password.

Puoi leggere ogni singolo suggerimento in dettaglio nella nostra guida su come correggere l'errore di caricamento delle immagini HTTP in WordPress.

9. Rimuovere gli errori di pubblicazione post pianificati in WordPress

Sapevi che WordPress offre un'opzione integrata per pianificare i post del blog?

Nell'editor di contenuti di WordPress, puoi modificare la data e l'ora di pubblicazione dei tuoi post del blog. Tuttavia, a volte, i tuoi contenuti pianificati potrebbero non essere pubblicati all'ora stabilita.

Il motivo principale di questo errore è dovuto all'ambiente di hosting di WordPress o a conflitti tra plugin. WordPress utilizza una tecnologia chiamata 'cron' per pubblicare automaticamente il tuo post in un secondo momento.

Se un plugin o il server di hosting del sito web sta influenzando i cron job, ciò comporterà un errore di pubblicazione programmata persa in WordPress.

Puoi risolvere questo problema controllando il fuso orario del tuo sito WordPress. È possibile che il fuso orario del tuo sito non corrisponda al fuso orario che desideri utilizzare per la pianificazione dei tuoi blog.

Vai semplicemente su Impostazioni » Generali dal pannello di amministrazione di WordPress e scorri fino alla sezione Fuso orario.

Puoi anche provare a risolvere questo problema svuotando la cache di WordPress e aumentando il limite di memoria di WordPress.

Consulta la nostra guida su come risolvere l'errore di pubblicazione programmata persa in WordPress.

10. Risoluzione dei problemi di allineamento nell'editor a blocchi di WordPress

Un altro problema comune dell'editor a blocchi di WordPress che potresti riscontrare è che i tuoi contenuti e le tue immagini potrebbero non essere allineati correttamente.

Ad esempio, supponiamo che tu abbia aggiunto un elenco puntato a un post del blog e lo abbia allineato al centro. Tuttavia, l'elenco appare allineato a sinistra nell'editor a blocchi durante la modifica del post. Allo stesso modo, un blocco immagine allineato al centro potrebbe apparire allineato a sinistra o a destra.

Se hai il plugin Gutenberg installato e attivo sul tuo sito WordPress, questo potrebbe causare problemi di allineamento dei blocchi. Ti consigliamo di disattivare il plugin Gutenberg e vedere se risolve il problema.

Un'altra soluzione è aggiungere il seguente codice CSS personalizzato per il testo che desideri allineare al centro:

.has-text-align-center {
text-align: center;
}

Puoi anche consultare la nostra guida su come aggiungere e allineare immagini nell'editor a blocchi di WordPress.

11. Risolvere il problema delle miniature errate di Facebook

Ti è mai capitato di notare che quando condividi un articolo su Facebook, le miniature dei post sono errate?

Il problema può essere causato da plugin in conflitto, problemi con la content delivery network (CDN) o tag meta Open Graph mancanti per Facebook.

Ora, questo non è un problema che vedrai nell'editor a blocchi di WordPress. Tuttavia, puoi specificare un'immagine Open Graph per Facebook utilizzando l'editor di contenuti.

Puoi utilizzare il plugin All in One SEO (AIOSEO) per risolvere rapidamente il problema. È il miglior plugin SEO per WordPress e ti aiuta a ottimizzare il tuo sito per i motori di ricerca e i social media.

Dopo l'attivazione, vedrai una meta box delle impostazioni di AIOSEO nell'editor di contenuti di WordPress. Vai semplicemente alla scheda 'Social'.

Successivamente, puoi scorrere verso il basso fino alla sezione 'Sorgente immagine'.

Dal menu a discesa, puoi selezionare quale immagine mostrare su Facebook e altri siti di social media quando l'articolo viene condiviso.

Puoi seguire la nostra guida su come risolvere il problema delle miniature errate di Facebook in WordPress e scoprire altri modi per risolvere questo problema.

12. Risolvere i problemi oEmbed di Facebook e Instagram

Another social media-related block editor issue you will face is adding Facebook and Instagram content to WordPress.

In the past, you could easily embed posts from Instagram or Facebook in WordPress. However, Facebook has changed the way oEmbed works now.

You can no longer embed videos, images, updates, and other content in WordPress. It will instead show a plain URL of the content.

You can easily fix this issue using a social media WordPress plugin like Smash Balloon. It helps you embed content from Facebook and Instagram easily using oEmbed, and you can also show social media feeds on your website.

For more details, please see our guide on how to fix the Facebook and Instagram oEmbed issues in WordPress.

13. Unable to See Embedded Content Preview in Block Editor

Questo è un problema che è stato sollevato nella versione 5.7 di WordPress. Ogni volta che incorporavi un video da YouTube e Vimeo o aggiungevi audio da Spotify e SoundCloud, l'anteprima non appariva nell'editor a blocchi.

Invece, vedresti semplicemente 'Anteprima non disponibile' o 'Questo blocco ha riscontrato un errore e non può essere visualizzato in anteprima' scritto nei blocchi. La causa principale di questo problema era la funzionalità predefinita di lazy loading.

In WordPress 5.5, gli iFrame venivano caricati in modo pigro per impostazione predefinita, il che significava che i contenuti incorporati come le immagini non venivano caricati finché un visitatore non scorreva fino alla posizione del contenuto.

Una semplice soluzione a questo problema è aggiornare la tua versione di WordPress. Questo bug è stato risolto da allora. Se stai usando la versione 5.7 o inferiore, ti consigliamo vivamente di aggiornare il tuo WordPress all'ultima versione.

Speriamo che questo articolo ti abbia aiutato a conoscere i problemi comuni dell'editor a blocchi e come risolverli. Potresti anche voler consultare la nostra guida sui errori comuni di WordPress e come risolverli, e come risolvere l'errore 504 Gateway Timeout in WordPress.

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