Block Pattern 101 di WordPress: cosa sono? E come usarli
Vuoi risparmiare tempo e creare progetti più professionali nell’editor di blocchi di WordPress? In tal caso, conoscere i modelli di blocco di WordPress potrebbe essere proprio ciò di cui hai bisogno.
Con i modelli a blocchi, puoi inserire un disegno prefabbricato, modificarlo per soddisfare le tue esigenze ed essere pronto a partire. Questo è un grande risparmio di tempo. E, se non sei un designer, anche i pattern a blocchi sono utili perché ti consentono di utilizzare design più unici anche se non hai le conoscenze per crearli da zero.
In questo post tratteremo tutto ciò che devi sapere sui pattern di blocco di WordPress:
Cosa sono i pattern di blocco di WordPress?
I block pattern di WordPress sono essenzialmente solo modelli fatti di blocchi.
Possono contenere un singolo blocco o più blocchi disposti in determinati layout. Oltre ai blocchi stessi, i modelli di blocco includeranno anche le impostazioni per quei blocchi (come la configurazione di un pulsante in modo che sia di un determinato colore).
Puoi trovare schemi di blocco per modelli a pagina intera. Oppure, più comunemente, troverai schemi di blocco per determinate sezioni che potresti voler utilizzare in una pagina. Puoi quindi mettere insieme più modelli di blocchi come i Lego per costruire il tuo design.
Ad esempio, supponiamo di voler creare una sezione con un’immagine di sfondo, del testo di intestazione e un pulsante. Puoi impostarlo manualmente usando l’editor di blocchi. Ma con un pattern a blocchi, puoi inserire un design premade con quel layout e poi personalizzarlo in modo che corrisponda al tuo contenuto.
Come accennato in precedenza, i principali vantaggi dell’utilizzo dei pattern di blocco di WordPress sono i seguenti:
- Ti fanno risparmiare tempo.
- Semplificano la creazione di design più complicati, perché potresti non avere le conoscenze per creare tu stesso determinati tipi di design.
Schemi di blocco vs blocchi riutilizzabili
Ora che sai cosa sono i block pattern di WordPress, potresti pensare che suonino molto come i blocchi riutilizzabili di WordPress, che sono una caratteristica fondamentale che è stata introdotta prima dei block pattern.
Un blocco riutilizzabile è anche una raccolta di uno o più blocchi che puoi facilmente inserire nei tuoi contenuti.
Sono simili in quanto entrambi ti consentono di inserire rapidamente un design premade, ma hanno una grande differenza:
- I modelli a blocchi sono un punto di partenza per il tuo design. Puoi usarli per importare il design di base che desideri utilizzare, ma li personalizzerai ogni volta e ogni istanza di un modello di blocco sarà diversa.
- I blocchi riutilizzabili saranno gli stessi in ogni singola istanza. Ogni istanza di un blocco riutilizzabile sarà sempre la stessa e se aggiorni il design del blocco riutilizzabile in un punto, tali modifiche verranno applicate automaticamente a ogni istanza del blocco riutilizzabile.
Ecco un esempio di quando potresti utilizzare ciascuno:
Innanzitutto, supponiamo che tu abbia un formato speciale per l’inserimento di citazioni nei tuoi contenuti. Quindi, ogni volta che inserisci una citazione, vuoi usare la stessa identica disposizione dei blocchi per mantenere le cose coerenti.
Se ogni citazione sarà diversa, ti consigliamo di utilizzare uno schema a blocchi per questo. È possibile inserire il modello di blocco per impostare la formattazione di base e quindi aggiungere il testo di citazione univoco.
Ora, supponiamo che tu abbia un invito all’azione (CTA) affinché le persone si uniscano alla tua mailing list che desideri includere alla fine di ogni post del blog. Vuoi che questo CTA sia esattamente lo stesso in ogni istanza e vuoi anche la possibilità di aggiornarlo in futuro.
Per questo caso d’uso, ti consigliamo di utilizzare un blocco riutilizzabile. Il blocco riutilizzabile farà in modo che ogni istanza del tuo invito all’azione sia la stessa. E se vuoi cambiare il CTA, devi solo aggiornare il blocco riutilizzabile una volta e quelle modifiche si applicheranno a ogni istanza.
Come utilizzare i modelli di blocco di WordPress
Puoi inserire modelli di blocchi tramite la stessa interfaccia che usi per inserire i blocchi.
Per iniziare, apri l’editor per il contenuto in cui desideri inserire un modello di blocco. Quindi, fare clic sul più nell’angolo in alto a sinistra per aprire l’interfaccia dell’inseritore di contenuto.
Nella barra laterale che appare, fai clic su Modelli scheda. È quindi possibile utilizzare il menu a discesa per filtrare diversi tipi di pattern.
Quando trovi uno schema che ti piace, tutto ciò che devi fare è cliccarci sopra per inserirlo nel tuo contenuto:
Una volta inserito il modello di blocco, puoi modificare tutti i singoli blocchi proprio come faresti se creassi manualmente il disegno:
E questo è tutto! Se vuoi inserire un altro modello di blocco, puoi semplicemente ripetere lo stesso processo. Il modello di blocco verrà inserito ovunque tu abbia posizionato il cursore nell’editor.
Come trovare e utilizzare nuovi schemi di blocchi di WordPress
Per aiutarti a trovare nuovi schemi di blocco, il team di WordPress ha creato una libreria di schemi di blocco ufficiale su WordPress. Puoi accedervi cliccando qui.
Puoi utilizzare i filtri per sfogliare tutti i modelli di blocco e fare clic su un risultato per visualizzarne l’anteprima. Se trovi un modello di blocco che ti piace, basta fare clic su Copia modello pulsante per copiare il pattern negli appunti:
Ora, apri l’editor per la parte di contenuto in cui desideri aggiungere il modello di blocco e incollalo, proprio come incolleresti il testo normale, facendo clic con il pulsante destro del mouse e scegliendo incolla o utilizzando una scorciatoia da tastiera come Ctrl+V (o Comando + V su Mac).
E questo è tutto: dovresti vedere il modello di blocco completo apparire ovunque lo hai incollato:
Oltre alla libreria ufficiale dei modelli di blocco su WordPress.org, puoi anche trovare directory di terze parti come CondividiABlock e il Libreria di modelli Gutenberg Hub (che utilizza lo stesso approccio copia/incolla della libreria ufficiale).
Puoi anche trovare una serie di plug-in che ti consentono di inserire modelli e modelli di blocco, sebbene potrebbero utilizzare la propria soluzione personalizzata invece di utilizzare la funzione di modello di blocco nativo. In ogni caso, il risultato finale è lo stesso. Puoi trovare alcune delle migliori opzioni nel nostro post sui plugin di template Gutenberg.
Come creare i tuoi schemi di blocco WordPress senza codice
A partire da ora, l’editor di blocchi di base di WordPress non ti consente di creare i tuoi schemi di blocco a meno che tu non sappia come codificare, il che è un po’ una delusione.
Per fortuna, come ci si aspetterebbe da WordPress, ci sono plugin che risolvono questo problema.
Il mio preferito è gratuito di Justin Tadlock Generatore di modelli di blocchi collegare. In sostanza, questo plug-in ti consente di creare il tuo design utilizzando l’editor di blocchi e quindi di salvarlo come modello di blocco. Quindi puoi progettare il tuo modello utilizzando l’editor, salvarlo come modello e quindi inserirlo facilmente come qualsiasi altro modello.
Onestamente, è un po’ strano che questa funzione non sia nel software principale di WordPress, ma non è un grosso problema perché puoi risolverlo semplicemente installando un plugin gratuito.
Per iniziare, installa e attiva il plug-in gratuito Block Pattern Builder da WordPress.org. Sto usando il suddetto plugin di Justin Tadlock, ma c’è un plugin dal nome identico di BlockMeister che sembra offrire la stessa funzionalità con un po’ più di funzionalità.
Quindi, apri l’editor normale e crea il design che desideri salvare. Dopo averlo fatto, seleziona tutti i blocchi che desideri includere nel modello di blocco e fai clic su tre punti icona. Quindi, seleziona l’opzione per Aggiungi ai modelli di blocco:
Puoi quindi dargli un nome:
E questo è tutto: ora puoi inserirlo proprio come qualsiasi altro modello di blocco. Per impostazione predefinita, sarà nella sezione “Uncategorized”:
Oltre a lavorare dall’editor, riceverai anche un file dedicato Schemi a blocchi scheda nella dashboard di WordPress per gestire e creare schemi di blocco.
Inizia oggi stesso con i pattern a blocchi
I block pattern di WordPress sono uno strumento davvero utile per ottenere di più dall’editor di blocchi, quindi è importante capire come funzionano.
L’uso dei modelli di blocco è piuttosto semplice: puoi inserirli proprio come un blocco. E una volta inseriti, puoi modificare i blocchi nel motivo proprio come se avessi creato tu stesso il disegno.
Per darti maggiore flessibilità, ci sono alcuni modi per accedere a nuovi schemi di blocco:
- Puoi utilizzare la Block Pattern Library ufficiale su WordPress.org o uno dei siti Web di librerie di terze parti. Tutto quello che devi fare è copiare e incollare tra le librerie e l’editor di WordPress.
- Puoi utilizzare uno dei plugin modello Gutenberg che abbiamo raccolto. Questi plug-in non utilizzano tutti la funzionalità dei modelli di blocco nativi, ma hanno esattamente lo stesso scopo e la stessa funzione.
- Puoi progettare i tuoi schemi di blocchi utilizzando l’editor e un plug-in come Block Pattern Builder. Una volta salvati i tuoi progetti, puoi riutilizzarli facilmente in futuro.
Per scoprire altri modi per migliorare il modo in cui lavori nell’editor di blocchi, consulta la nostra guida su come ottenere il massimo dall’editor di blocchi e la nostra raccolta dei migliori plug-in di blocchi.
