Come importare/esportare i tuoi blocchi Gutenberg di WordPress (2 passaggi)

Ti sei mai accorto di ricreare continuamente gli stessi layout di blocchi Gutenberg?

Sai quali sono: quella perfetta sezione di call-to-action, il tuo layout di testimonianze preferito o quella vetrina di prodotti che converte davvero i visitatori.

Quando gestisci più siti WordPress, questo diventa ancora più dispendioso in termini di tempo. Ma c'è in realtà un modo molto più intelligente per gestire la cosa.

WordPress ha una funzionalità integrata che ti consente di importare/esportare qualsiasi blocco o gruppo di blocchi e riutilizzarli istantaneamente su diversi siti web. È come avere la tua libreria di design personale che ti accompagna ovunque.

Dopo aver gestito decine di siti WordPress, abbiamo imparato che questo semplice processo in 2 passaggi può trasformare completamente il tuo modo di lavorare.

In questa guida, ti mostreremo come importare/esportare facilmente i tuoi blocchi Gutenberg e mantenere i tuoi design coerenti su tutti i tuoi siti.

Ecco una rapida panoramica di ciò che tratteremo in questa guida:

• Perché importare ed esportare pattern di WordPress?
• Come importare / esportare i tuoi blocchi Gutenberg di WordPress
• Method 1: Import/Export Blocks With a Classic Theme
• Method 2: Import/Export Blocks With a Block Theme
• Domande frequenti sull'importazione/esportazione di blocchi Gutenberg
• Risorse aggiuntive sui blocchi di WordPress

Perché importare ed esportare pattern di WordPress?

L'editor a blocchi di WordPress è ottimo per creare layout unici. Ad esempio, potresti progettare una call to action personalizzata con un pulsante speciale e uno schema di colori.

Se prevedi di utilizzare nuovamente un design, puoi salvarlo come pattern. È importante sapere che ce ne sono due tipi: sincronizzati e non sincronizzati.

Pattern non sincronizzato: una volta inserito un pattern non sincronizzato in una pagina o in un post, questo funziona come un normale set di blocchi. Qualsiasi modifica apportata a quella specifica istanza non influenzerà altre istanze dello stesso pattern altrove sul tuo sito.

Pattern sincronizzato (precedentemente noto come blocco riutilizzabile): quando modifichi un pattern sincronizzato, le modifiche vengono applicate automaticamente a ogni istanza di quel pattern in tutto il tuo sito web.

La parte migliore è che puoi esportare uno qualsiasi di questi pattern per utilizzarli su altri siti WordPress. Questo può farti risparmiare un'enorme quantità di tempo se gestisci più siti web o crei siti per clienti.

Detto questo, vediamo come puoi importare / esportare blocchi Gutenberg di WordPress.

Come importare / esportare i tuoi blocchi Gutenberg di WordPress

Innanzitutto, dovrai salvare il contenuto che desideri spostare come pattern.

Una volta salvato il tuo pattern, i passaggi per l'importazione e l'esportazione dipenderanno dal fatto che tu stia utilizzando un tema classico o un tema a blocchi moderno.

Copriremo entrambi i metodi di seguito, iniziando con il processo per i temi classici.

Metodo 1: Importa/Esporta Blocchi con un Tema Classico

Quando utilizzi un tema classico, puoi gestire i tuoi pattern da una schermata speciale, ma vi accedi tramite l'editor dei post.

Esportazione di blocchi con un tema classico

Innanzitutto, apri un post o una pagina qualsiasi.

Nell'angolo in alto a destra, fai clic sull'icona del menu con tre puntini e seleziona 'Gestisci pattern' dal menu a discesa.

Questo ti porterà alla schermata di gestione dei pattern, dove vedrai un elenco di tutti i tuoi pattern creati.

Passa il mouse sul pattern che desideri esportare e fai clic sul link 'Esporta come JSON' che appare.

WordPress scaricherà immediatamente il pattern sul tuo computer come file JSON.

Importazione di blocchi con un tema classico

Per importare un pattern sul tuo nuovo sito, segui gli stessi passaggi per accedere alla schermata 'Gestisci pattern'. Nella parte superiore della pagina, fai clic sul pulsante 'Importa da JSON'.

Nella finestra popup, fai clic su ‘Scegli file’ e seleziona il file JSON che hai scaricato in precedenza. Fai clic su ‘Importa’ per completare, e il tuo modello sarà pronto per l'uso.

Metodo 2: Importa/Esporta Blocchi Con un Tema a Blocchi

Se stai utilizzando un tema a blocchi, il processo è leggermente diverso perché utilizzerai l'Editor del Sito Completo.

Esportazione di blocchi con un tema a blocchi

Per iniziare, vai su Aspetto » Editor dalla barra laterale di amministrazione di WordPress.

All'interno dell'editor, seleziona 'Modelli' dal menu di sinistra. Questo ti porterà all'area di gestione dei modelli per il tuo sito.

Accanto all'intestazione 'Modelli', fai clic sull'icona del menu a tre punti e quindi scegli 'Esporta come JSON'.

Questo scaricherà un singolo file JSON contenente tutti i tuoi modelli personalizzati.

Importazione di blocchi con un tema a blocchi

Ora, per importare questi blocchi su un altro sito web utilizzando l'editor completo del sito, apri l'FSE e vai alla scheda 'Pattern'.

Quindi, fai clic sul pulsante ‘Aggiungi nuovo pattern’. Si aprirà un menu a discesa da cui puoi selezionare il pulsante ‘Importa pattern da JSON’.

Scegli il file scaricato per importare i blocchi.

Fatto ciò, puoi utilizzare il modello importato sul tuo sito web WordPress con facilità.

Domande frequenti sull'importazione/esportazione di blocchi Gutenberg

Potresti ancora avere alcune domande sul processo. Per aiutarti, abbiamo creato un elenco di alcune delle domande più frequenti sull'importazione e l'esportazione di blocchi in WordPress.

Cos'è un file JSON?

JSON sta per JavaScript Object Notation. È un formato semplice basato su testo per archiviare e trasportare dati.

In questo caso, il file JSON funge da progetto che indica a WordPress come ricostruire il tuo blocco, inclusi contenuto, formattazione e impostazioni.

Questo metodo importa anche immagini e file multimediali?

No, il processo di esportazione salva solo la struttura e il contenuto testuale del blocco. Non esporta i file di immagini o multimediali effettivi utilizzati all'interno del blocco.

Dovrai caricare manualmente tali file multimediali nella libreria multimediale del nuovo sito affinché i blocchi importati vengano visualizzati correttamente.

Posso importare blocchi che richiedono un plugin specifico?

Sì, puoi. Tuttavia, il blocco importato funzionerà solo se il nuovo sito dispone dello stesso plugin installato e attivato.

Ad esempio, se esporti un blocco modulo da WPForms, il nuovo sito deve avere anche WPForms installato per renderizzare quel modulo.

Come posso spostare il mio intero sito web, non solo i blocchi?

L'importazione e l'esportazione di blocchi sono ottime per singoli pezzi di contenuto. Ma se hai bisogno di spostare un intero sito web, un plugin di migrazione è una soluzione molto migliore

Ti consigliamo di utilizzare un plugin come Duplicator. Ti permette di clonare e spostare facilmente l'intero sito WordPress, inclusi tutti i contenuti, i plugin e i temi, in una nuova posizione.

Risorse aggiuntive sui blocchi di WordPress

Ecco alcune guide più utili sull'utilizzo e la gestione dei blocchi di WordPress:

• Come utilizzare il Block Editor di WordPress (Tutorial Gutenberg)
• Come Creare un Blocco WordPress Personalizzato (Modo Facile)
• I migliori plugin per blocchi Gutenberg per WordPress (super utili)
• Come convertire in blocco blocchi classici in Gutenberg in WordPress
• Migliori temi WordPress compatibili con Gutenberg
• Ultimate Blocks Review: è il plugin giusto per te?

Speriamo che questo articolo ti abbia aiutato a imparare come importare/esportare i tuoi blocchi Gutenberg di WordPress da utilizzare su altri siti web. Potresti anche voler consultare la nostra guida su come rimuovere un blocco in WordPress e il confronto tra padding e margin.

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