Blocchi riutilizzabili di WordPress: la guida definitiva

I blocchi riutilizzabili di WordPress sono una potente funzionalità che si trova nel nuovo editor di blocchi di WordPress. I blocchi riutilizzabili ti consentono di salvare rapidamente qualsiasi blocco WordPress che utilizzi di frequente. Quindi, puoi riutilizzare immediatamente i blocchi salvati in altre pagine e post in tutto il tuo sito WordPress.

In questo post, vedremo quanto sia facile creare blocchi riutilizzabili di WordPress all'interno dell'editor di blocchi di WordPress. Ti insegneremo anche come esportarli e utilizzarli su qualsiasi altro sito WordPress che gestisci. Immergiamoci.

Cosa sono i blocchi riutilizzabili di WordPress?

All'interno dell'editor di blocchi di WordPress, i blocchi riutilizzabili sono blocchi di WordPress che possono essere salvati per un uso ripetuto in articoli o pagine.

I blocchi riutilizzabili possono farti risparmiare un sacco di tempo nel modo in cui componi i tuoi contenuti, poiché i blocchi utilizzati più di frequente e le relative impostazioni dei blocchi possono essere salvati in una speciale "libreria" di blocchi riutilizzabili.

Se sei il tipo di utente di WordPress che utilizza spesso frammenti identici di contenuto nei tuoi post e pagine di WordPress, i blocchi riutilizzabili di WordPress diventeranno uno dei tuoi migliori amici.

Inoltre, se sei uno sviluppatore che lavora su più siti WordPress, i blocchi riutilizzabili possono essere esportati da un sito e utilizzati sugli altri.

Spiegazione dei blocchi riutilizzabili in WordPress

Chiediti: quanto tempo hai sprecato per la progettazione “ricreando costantemente la ruota” nei tuoi progetti? La funzione di blocchi riutilizzabili di WordPress può restituirti tutte quelle ore preziose e allo stesso tempo dare una sensazione di coerenza in tutto il tuo sito Web e nei siti che progetti.

È comune per i designer e i blogger di WordPress aggiungere frammenti di contenuto identici a diversi articoli o post di pagine. Un buon esempio di ciò potrebbe essere un design specifico del blocco di invito all'azione che desideri utilizzare alla conclusione di ogni articolo che scrivi. Questo invito all'azione potrebbe essere un invito a iscriversi alla tua lista di e-mail, un collegamento a una pagina di prodotto o servizio o collegamenti per seguirti sulle tue pagine di social media.

In passato, probabilmente hai salvato quei singoli frammenti di contenuto come file di testo da qualche parte sul tuo computer, quindi li hai copiati e incollati quando volevi riutilizzarli. Tuttavia, con i blocchi riutilizzabili nell'editor WordPress di Gutenberg, non dovrai mai più partecipare a questo processo arcaico. Ora, tutto ciò che devi fare è salvare i tuoi frammenti nell'editor e puoi usarli immediatamente altrove.

Nel mondo frenetico e limitato nel tempo in cui viviamo, è più importante che mai essere il più efficienti possibile con il nostro lavoro.

Esempi di blocchi riutilizzabili

Ecco un paio di scenari diversi che illustrano come l'utilizzo dei blocchi riutilizzabili di WordPress può migliorare la tua efficienza:

• Aggiungere automaticamente i tuoi banner di affiliazione in linea su post e pagine selezionati
• Salvare e riutilizzare rapidamente tabelle identiche
• Aggiungere un modulo di feedback a più pagine con un solo clic
• Aggiunta di potenti pulsanti di invito all'azione su tutte le pagine e i post pertinenti
• Chiedere ai tuoi lettori di lasciare un commento alla conclusione di ogni post sul blog
• Una sezione "Informazioni sull'autore" in fondo a ogni post.

E questa è solo la punta dell'iceberg. Una volta che inizi a utilizzare i blocchi riutilizzabili di WordPress, vedrai quanto sia davvero illimitato il loro uso.

Vantaggi dei blocchi riutilizzabili di WordPress

Ormai, senza dubbio vedi diversi modi in cui puoi utilizzare i blocchi riutilizzabili di WordPress per semplificarti la vita e mantenere coerente il marchio del tuo sito web.

Ecco alcuni dei maggiori vantaggi della funzione dei blocchi riutilizzabili e perché dovresti iniziare a usarla la prossima volta che accedi alla tua area di amministrazione di WordPress.

• I blocchi riutilizzabili ti consentono di salvare gli elementi di design di cose come moduli, quiz, sondaggi e quindi aggiornarli per ogni occasione secondo necessità.
• Le tabelle complesse non sono facili da creare. Puoi duplicarli dove vuoi trasformandoli in blocchi riutilizzabili.
• Non dovrai mai più copiare i contenuti nel tuo editor di testo e incollarli in nuove pagine o post. Ciò causa spesso problemi di formattazione ed è un processo goffo e inefficiente.
• I blocchi riutilizzabili ti consentono di progettare una pagina Web completa e duplicare quella pagina sul sito corrente o su qualsiasi altro sito WordPress che amministri.
• I blocchi sono il modo più rapido per aggiungere contenuti pertinenti alla conclusione (o all'inizio) dei tuoi articoli. Puoi usarli per cose come registrazioni e-mail, biografie degli autori, pulsanti dei social media o qualsiasi altra cosa che abbia senso per il tuo sito.
• Le pagine Web di grande impatto hanno pulsanti e testo di invito all'azione diretto. I blocchi riutilizzabili ti consentono di includerli con facilità. I siti che hanno molte pagine di destinazione ottengono un sacco di utilizzo da questa funzione.
• Se hai banner o annunci di affiliazione sulla maggior parte dei tuoi post e delle tue pagine , ridurrai molto tempo aggiungendoli con blocchi riutilizzabili.
• I blocchi riutilizzabili possono essere esportati e importati da un sito all'altro. Più su quello più tardi.

Questo non è affatto un elenco completo dei vantaggi dei blocchi riutilizzabili di WordPress. In realtà, gli usi sono pressoché infiniti. Ma alla fine della giornata, qualsiasi sviluppatore di WordPress che ha fatto uso di blocchi riutilizzabili sa che fa risparmiare tempo e si libera del lavoro ripetitivo.

Come faccio ad aggiungere un blocco riutilizzabile in WordPress?

I blocchi riutilizzabili sono anche molto facili da creare all'interno dell'editor dei blocchi. Diamo un'occhiata a come è fatto.

Innanzitutto, è importante capire che ogni blocco di WordPress è un singolo elemento di contenuto all'interno dell'editor di WordPress. Ognuno può essere salvato individualmente come un blocco che puoi riutilizzare in seguito.

Inizia creando un post nuovo di zecca o trovane uno attuale che puoi modificare.

Mentre guardi la schermata di modifica del tuo post, devi prima fare clic sul pulsante " Aggiungi nuovo blocco ". Dopodiché, scegli semplicemente il tipo di blocco che si adatta al tipo di contenuto che desideri salvare.

Per questo esempio, fingeremo di salvare alcune righe di testo normale all'interno di un blocco di paragrafo. Dopo aver aggiunto il blocco, inizia ad aggiungere il contenuto che intendi riutilizzare negli altri post e pagine.

Supponiamo che tu voglia che il testo legga qualcosa del tipo "Ti è piaciuto questo articolo? Se è così, lasciaci un commento qui sotto o seguici per ulteriori contenuti su Facebook e Twitter. Dopo aver digitato questo testo nel blocco paragrafo, utilizza le opzioni di formattazione e stile nelle impostazioni del blocco e nella barra degli strumenti del blocco.

Al termine della modifica, tutto ciò che devi fare è fare clic sul pulsante del menu con i tre punti (nella barra degli strumenti) e selezionare l'opzione che dice " Aggiungi a blocchi riutilizzabili. “

WordPress ti chiederà quindi di inserire un nuovo nome per il blocco riutilizzabile che hai appena creato. Ovviamente, è meglio scegliere un nome che ti permetta di identificare rapidamente il blocco quando vuoi riutilizzarlo.

Un buon nome per questo blocco sarebbe qualcosa come "Articolo Call to Action Social Media".

Infine, fai clic su " Salva " e il tuo blocco riutilizzabile viene archiviato, insieme a tutte le sue impostazioni, nel database di WordPress per un uso futuro.

Come si utilizzano i blocchi riutilizzabili?

Ora hai visto quanto è facile creare blocchi riutilizzabili di WordPress. Spero che tu abbia provato a farne alcuni da solo mentre leggi questo. Se non l'hai fatto, perché non provarlo ora? Quando hai finito, la prossima cosa che imparerai è come utilizzare i blocchi riutilizzabili all'interno delle tue pagine e dei tuoi post su WordPress.

Per fare ciò, dovrai modificare nuovamente un post esistente (uno in cui desideri aggiungere un nuovo blocco riutilizzabile) o creare un nuovo post. Quando sei nella schermata di modifica, fai clic sul pulsante " Aggiungi nuovo blocco ".

Se conosci il nome del blocco che stai cercando, puoi trovarlo digitando quel nome specifico nella casella di ricerca. Tieni presente che la funzione di ricerca ora estrae blocchi di terze parti dalla directory dei blocchi di WordPress, il che può anche essere utile.

Se non ricordi quale nome hai dato al blocco, o vuoi semplicemente sfogliare tutti i tuoi blocchi, puoi fare clic sulla scheda "Riutilizzabile" . Qui vedrai tutti i tuoi attuali blocchi riutilizzabili di WordPress.

Noterai che quando passi il mouse su un blocco nell'elenco, WordPress ti mostrerà un'anteprima del blocco. Ciò ti consente di confermare che stai selezionando il blocco che intendevi utilizzare.

Vai avanti e inserisci il blocco nel tuo post facendo clic su di esso. Il blocco riutilizzabile viene quindi visualizzato nell'editor.

Come modifico i blocchi riutilizzabili?

La bellezza dei blocchi riutilizzabili di WordPress è che puoi modificarli individualmente su un articolo o una pagina, oppure puoi modificarli in modo che vengano immediatamente aggiornati a livello di sito.

Tutto quello che devi fare per modificare un blocco riutilizzabile è fare clic sul pulsante di modifica che si trova sul blocco. Ma è qui che devi stare attento.

Modifica blocco riutilizzabile e conversione in blocco normale

Se stai solo cercando di apportare la modifica su una particolare pagina o post, dovrai prima convertirlo in un blocco normale in quella posizione.

Per fare ciò, tutto ciò che devi fare è fare clic sul menu con i tre punti nella barra degli strumenti del blocco, quindi selezionare l'opzione " Converti in blocco normale " dal menu.

Questo processo converte il blocco riutilizzabile del post in un blocco normale. Ora puoi apportare modifiche a quel singolo blocco senza influire sul blocco riutilizzabile o modificare l'aspetto su altri post e pagine del tuo sito.

Gestire i tuoi blocchi riutilizzabili all'interno dell'editor di WordPress

Dopo aver utilizzato la funzione dei blocchi riutilizzabili di WordPress per un po' di tempo, probabilmente avrai diversi blocchi che non utilizzi più.

Per altri blocchi, potresti cercare di rinominarli in qualcosa di più descrittivo o più facile da trovare nella tua funzione di ricerca.

L'editor di blocchi ti consente di gestire tutti i tuoi blocchi riutilizzabili di WordPress da un'unica schermata. E il processo è abbastanza semplice.

Per gestire i blocchi, fare clic sul pulsante "Aggiungi blocco". Dovrai quindi trovare la scheda che dice "Riutilizzabili".

Qui vedrai un collegamento " Gestisci tutti i blocchi riutilizzabili " che ti porta a una pagina in cui puoi gestire i tuoi blocchi riutilizzabili.

La schermata dei blocchi

Quando fai clic sul collegamento, atterrerai su una pagina che ti consente di:

• Esporta blocchi
• Importa blocchi
• Elimina blocchi
• Modifica blocchi

Utilizzo dei blocchi riutilizzabili di WordPress su più siti WordPress

Come accennato in precedenza nell'articolo, i blocchi riutilizzabili di WordPress non sono riutilizzabili solo sul sito su cui sono stati creati. Puoi utilizzare gli stessi blocchi riutilizzabili su qualsiasi altro sito Web basato su WordPress.

Ciò avviene tramite le funzioni di esportazione e importazione . Le funzioni di esportazione e importazione per i tuoi blocchi riutilizzabili sono piuttosto utili e in qualche modo trascurate dagli sviluppatori di WordPress.

Esporta e importa blocchi riutilizzabili

WordPress ora importa e installa il blocco riutilizzabile e lo salva nel database del nuovo sito web. A questo punto, è pronto per essere utilizzato ovunque nel nuovo sito.

Esporta come JSON

I blocchi riutilizzabili possono essere esportati dalla schermata di gestione dei blocchi. Tutto quello che devi fare è fare clic sul pulsante "Esporta" che si trova sotto un blocco. WordPress poi te lo invia sotto forma di file JSON.

Importa da JSON

Una volta che hai il file JSON, puoi passare a un altro sito WordPress che gestisci. Accedi all'area di amministrazione e vai alla schermata di gestione dei blocchi. Una volta che sei lì, ti consigliamo di fare clic sul pulsante che dice "Importa da JSON".

Apparirà una casella di caricamento del file. Fai clic sul pulsante che dice "Scegli file" e seleziona il file JSON del blocco che hai scaricato dall'altro sito che gestisci. Fare clic sul pulsante "Importa".

Come posso aggiungere uno stile personalizzato ai blocchi riutilizzabili?

E se volessi aggiungere uno stile personalizzato ai tuoi blocchi riutilizzabili? Ad esempio, potresti voler avvolgerli tutti con un bordo specifico che si adatti allo stile e al flusso del resto del tuo sito WordPress.

C'è un modo per farlo? O i blocchi riutilizzabili sono proprio come i normali blocchi, dove devi modellarli tutti individualmente? Per fortuna, c'è un modo per aggiungere uno stile personalizzato universalmente ai tuoi blocchi riutilizzabili.

Nella barra laterale destra di un blocco, vai nell'area Avanzate . Qui puoi dargli una classe personalizzata. La classe che assegni verrà applicata al blocco complessivo in modo che possa essere presa di mira dal tuo CSS.

Classe CSS aggiuntiva

Nota: quando si aggiunge la classe CSS aggiuntiva a un blocco, la chiave qui è impostare la classe del blocco prima di renderlo riutilizzabile. Quando lo fai, anche il campo della classe viene salvato. Quando sarà il momento di riutilizzare il blocco, avrà la stessa classe.

Le classi CSS aggiuntive ti consentono di modellare i tuoi blocchi riutilizzabili in modi personalizzati. Lo stile applicato verrà popolato in tutti gli usi futuri dei blocchi.

Per istruzioni più complete su come aggiungere uno stile personalizzato ai blocchi riutilizzabili, prendi in considerazione la partecipazione a un corso di formazione WordPress completo in cui imparerai questo e molto altro.

Blocchi riutilizzabili di WordPress: risparmia tempo, estendi l'utilità dei blocchi

Ora che hai una conoscenza approfondita dei blocchi riutilizzabili di WordPress e di ciò che possono fare, è ora di iniziare a pensare a come sfruttare appieno questa potente funzione nei tuoi siti web.

Pensa fuori dagli schemi con questo. Potresti scoprire che il modo più utile di utilizzare i blocchi riutilizzabili è molto diverso dagli esempi forniti in questo articolo. Dopotutto, la versatilità e la personalizzazione sono ciò che rende WordPress uno strumento così potente per gli sviluppatori.

Ricorda anche che è importante che tu prenda sul serio la sicurezza e la protezione del tuo sito. Un plug-in di sicurezza di WordPress, abbinato a un plug-in di backup di WordPress, farà molto per mantenere il tuo sito sicuro e protetto da potenziali pericoli.

Divertiti a usare i blocchi riutilizzabili di WordPress! Facci sapere i modi unici che hai trovato per utilizzare questa pratica funzione.

Kristen Wright

Kristen scrive tutorial per aiutare gli utenti di WordPress dal 2011. Di solito puoi trovarla mentre lavora su nuovi articoli per il blog iThemes o sviluppa risorse per #WPprosper. Al di fuori del lavoro, a Kristen piace scrivere nel diario (ha scritto due libri!), fare escursioni e campeggiare, cucinare e avventure quotidiane con la sua famiglia, sperando di vivere una vita più presente.