Una delle funzionalità più utili (e sottoutilizzate) dell'editor a blocchi di WordPress (noto anche come Gutenburg) è il blocco riutilizzabile. Se hai familiarità con Divi In altri page builder, i blocchi riutilizzabili svolgono la stessa funzione dei moduli globali. Sono blocchi (o gruppi di blocchi) che si configurano una sola volta, ma che possono essere riutilizzati in seguito.
Puoi inserirli in più pagine e post senza doverli modificare di nuovo. E se vuoi modificarli di nuovo, le modifiche possono essere estese all'intero sito, risparmiando ore di lavoro per tutta la vita del sito. Esploriamo quindi tutti i modi in cui puoi gestire i tuoi blocchi WordPress riutilizzabili.
Come creare un blocco riutilizzabile in WordPress
Creare un blocco riutilizzabile in WordPress è relativamente semplice. In qualsiasi post modificato con l'editor a blocchi (che è l'impostazione predefinita in WP 5.x, a meno che non si utilizzi il plugin), è possibile creare un blocco riutilizzabile. Editor classico ), puoi rendere riutilizzabile qualsiasi blocco desideri. Fai clic su elenco a discesa à tre punti nelle impostazioni di hover blocco e selezionare Aggiungi a blocchi riutilizzabili .
L'editor ti chiederà di dare un nome al nuovo blocco per riferimento futuro. Assicurati di dargli un nome memorabile, che si adatti alla sua funzione sul tuo sito. Ad esempio articoli correlati o immagine di copertina per post di blog o qualcosa di altrettanto descrittivo.
Se si commette un errore quando si crea il blocco riutilizzabile (o si è appena commesso un errore durante la creazione), è possibile fare nuovamente clic sui parametri nell'elenco a discesa e fare clic su Elimina i blocchi riutilizzabili Questa opzione cancella l'intero blocco dal database e, se lo desideri, puoi ripetere il processo sopra descritto per aggiungerlo nuovamente alla raccolta.
Inoltre, puoi semplicemente cliccare sul blocco stesso una volta salvato per trovare il pulsante Modificare .
Per il blocco Paragrafo in questo esempio, è possibile rinominarlo. Tuttavia, le regolazioni per ogni blocco saranno diverse. Per un blocco Immagine, sono disponibili opzioni aggiuntive, come l'inserimento di un altro file dalla libreria multimediale o il caricamento di uno nuovo, nonché la regolazione dell'allineamento o il collegamento dell'immagine a un URL specifico.
Questo processo funziona con tutti i blocchi riutilizzabili che crei. Ma tieni presente che Tutte le modifiche apportate a un blocco riutilizzabile in questo modo verranno applicate a tutte le altre istanze di quel blocco sul tuo sito. Quindi, se modifichi l'immagine come un singolo blocco, la nuova immagine apparirà ovunque.
Come inserire blocchi riutilizzabili
Utilizzare blocchi riutilizzabili in WordPress è davvero molto semplice e intuitivo. All'interno dell'editor dei blocchi, puoi cliccare su qualsiasi istanza del simbolo "+" all'interno di un cerchio per trovare la scheda. Réutilisable Il pulsante + appare a destra di qualsiasi blocco, sotto qualsiasi blocco e nell'angolo in alto a sinistra dello schermo.
Quando inserisci i blocchi riutilizzabili che crei in post e pagine diversi, potrebbero apparire anche nella scheda Più usato , che appare in cima all'elenco ogni volta che premi il pulsante +.
Questi cambieranno quando usi blocchi diversi, ma se usi lo stesso blocco riutilizzabile, diciamo, come piè di pagina per ogni post del blog, appariranno qui abbastanza spesso.
Come gestire tutti i blocchi riutilizzabili in WordPress
Nella parte inferiore della scheda Réutilisable troverai un link Gestisci tutti i blocchi riutilizzabili Cliccando su questo link verrai indirizzato a una pagina dall'aspetto familiare, in cui è elencato ogni blocco riutilizzabile che hai creato. L'elenco sarà quasi identico all'elenco predefinito di post e pagine di WordPress.
Quando si visualizza l'elenco, vengono visualizzate alcune opzioni importanti. Importa da JSON , esportazione in formato JSON et cambiamento .
utiliser Modifica La procedura per modificare un blocco è esattamente la stessa di cui sopra. Tuttavia, invece di essere all'interno di un articolo specifico, il blocco appare in un editor separato, simile a un articolo, dove è possibile aggiornarlo e solo quello. Anche in questo caso, qualsiasi modifica apportata a questo blocco verrà applicata a tutto il sito, a ogni istanza.
Per esportazione in formato JSON , fare clic sul pulsante (3) Verrà visualizzata una finestra di dialogo (a seconda delle impostazioni del browser) per scegliere una posizione in cui scaricare il file JSON generato. Il file in sé è un semplice JSON. Mostra il tipo di file (un blocco), il titolo che gli hai assegnato durante la modifica o la creazione e infine il codice HTML effettivo che verrà inserito da WordPress per visualizzare il blocco e il suo contenuto sul front-end del sito.
Importazione da JSON è altrettanto semplice: trovi il file JSON sul tuo computer e lo scarichi come qualsiasi altro allegato o file.
Una volta premuto importazione , apparirà nell'elenco dei blocchi riutilizzabili. Tuttavia, tieni presente che se hai già un blocco con lo stesso nome (in questo caso il file blocco riutilizzabile 1 ), il nuovo blocco importato non verrà rinominato. Devi farlo manualmente per distinguerli.
Perché importare ed esportare blocchi riutilizzabili?
Esistono diversi motivi per importarli ed esportarli, ma i principali sono per scopi di backup e portabilità. Probabilmente vorrai mantenere un backup di tutti i blocchi e i contenuti che ritieni utili per servire sul tuo sito. Anche la portabilità, la condivisione e le vendite sono importanti.
Se è necessario utilizzare un blocco su un altro sito. Da condividere con un compagno di squadra. O per vendere da solo come blocco riutilizzabile per i tuoi clienti. Proprio come il nostro pacchetti di layout settimanale per Divi L'importazione e l'esportazione di blocchi consentono di espandere il generatore in diversi modi. Inoltre, quando si utilizza l'opzione Blocchi di gruppo (vedi sotto), puoi importare ed esportare interi modelli e layout come blocchi riutilizzabili in formato JSON.
Come creare gruppi di blocchi riutilizzabili in WordPress
La creazione di un gruppo di blocchi riutilizzabili ne sfrutta appieno il potenziale. Invece di avere una singola immagine, paragrafo o titolo da inserire globalmente, puoi anche raggruppare i blocchi Gutenberg e salvarli come un singolo blocco riutilizzabile. Ciò significa che puoi, ad esempio, raggruppare un blocco titolo, un blocco paragrafo, un blocco immagine e un blocco HTML personalizzato per ottenere un modulo di iscrizione email globale per tutti i tuoi post nell'editor a blocchi.
Per creare un gruppo di blocchi WordPress riutilizzabili, fai semplicemente clic tenendo premuto il tasto Maiusc sui blocchi per aggiungerli al gruppo. Tutti i blocchi selezionati verranno evidenziati con un bordo blu.
Quindi premi il pulsante trasformatore (2) e selezionare Gruppo nell'elenco a discesa (3) . A questo punto, vedrai i blocchi fondersi in un unico blocco. Quindi si trasforma il blocco di gruppo in un blocco riutilizzabile nello stesso modo in cui si fa sopra con qualsiasi altro blocco singolo.
Questo nuovo gruppo apparirà quindi nell'elenco di tutti i blocchi riutilizzabili e sotto la scheda Réutilisable quando aggiungi un nuovo blocco a una pubblicazione o pagina.
Come creare un modello riutilizzabile
Abbiamo già detto che un blocco riutilizzabile in WordPress è un elemento globale. Ciò significa che qualsiasi modifica apportata a un'istanza del blocco avrà effetto su tutte le altre istanze. Se modifichi il testo o l'immagine di un blocco riutilizzabile, tale modifica verrà applicata all'intero sito. Tuttavia, pouvez Utilizza blocchi riutilizzabili come modelli modificabili individualmente. Anche in questo caso, proprio come i nostri layout Divi, l'editor di blocchi ti consente di inserire il blocco principale (o un gruppo di blocchi) dalla tua libreria e quindi di modificarne il contenuto per ogni singolo post o pagina (o anche blocco per blocco).
Per fare ciò, inserisci un blocco riutilizzabile nell'editor, come abbiamo visto sopra. Premi il pulsante + in un cerchio , vai a Réutilisable , quindi selezionare il blocco che si desidera inserire.
Quando appare il blocco, fai clic sui tre punti per aprire il menu a discesa . Selezionare Converti in blocco normale . Nota: non selezionare Elimina i blocchi riutilizzabili .
Converti in blocco normale si applica solo a questo blocco unico . Quando usi Converti in blocco standard In questo modo, stai comunicando a WordPress che desideri che questo singolo blocco (e solo questo) sia indipendente dalle modifiche a livello di sito. Qualsiasi modifica apportata ad altri blocchi riutilizzabili non verrà applicata a un blocco convertito e tali modifiche non verranno applicate globalmente.
La selezione di Elimina i blocchi riutilizzabili rimuove tutto dalla directory globale. I blocchi già inseriti rimarranno dove sono, ma non condivideranno più alcuna caratteristica globale. Inoltre, non sarà possibile reinserirli dalla scheda. Réutilisable (il che potrebbe essere ovvio). Ciò vanificherebbe lo scopo di rendere il blocco riutilizzabile come modello, quindi non lo consigliamo.
Tuttavia, usando Converti in blocco regolare È possibile inserire il modello di base per il blocco (o gruppo di blocchi) e rimuovere solo quella specifica istanza dagli standard globali, rendendo la funzionalità del blocco originale riutilizzabile come modello per altri post e Pagine. Potete vedere questa funzionalità in azione nel nostro tutorial su...aggiunta di blocchi di layout Divi riutilizzabili ai post del blog .
Conclusione
I blocchi riutilizzabili sono una delle funzionalità chiave dell'editor a blocchi di Gutenberg. Dalla possibilità di condividere blocchi e contenuti tra siti e amici e di utilizzarli come modelli per elementi comuni sul tuo sito, sfruttare la funzionalità dei blocchi riutilizzabili può portare la creazione e il design di post e pagine a nuovi livelli di utilità, creatività ed esperienza utente.