Il blocco griglia è un robusto strumento di layout per l'editor di blocchi di WordPress Gutenberg che consente di creare un layout a più colonne senza codifica. Consente di organizzare i contenuti in una griglia strutturata di righe e colonne, invece di limitarsi a una sola colonna di testo o di media.
Progettare pagine in stile rivista, portfolio, gallerie o altre sezioni in cui si desidera aggiungere contenuti uno accanto all'altro è più facile utilizzando il blocco griglia di WordPress. Oggi esploreremo come utilizzare il Blocco Griglia in WordPress e darvi una panoramica.
Creare bellissimi tavoli
Con l'editor di blocchi
Come utilizzare il blocco griglia in WordPress?
Vediamo ora una guida passo passo all'aggiunta di un blocco griglia. Questi passaggi aiuteranno i principianti e gli utenti intermedi a sfruttare al meglio questo blocco.
Ma prima di seguire i passaggi, è necessario deve andare al proprio post e alle pagine in cui si desidera utilizzare il blocco. Quindi, seguite la procedura descritta di seguito.
Inserire il blocco griglia
Fare clic sull'icona Aggiungi blocco (Icona Plus) (1), tipo "Griglia" nella casella di ricerca (2), e fare clic sul blocco quando appare (3).
Inserite il vostro contenuto
Per impostazione predefinita, vedrete che sono state inserite solo due colonne per il contenuto. Inserite il vostro contenuto facendo clic sul pulsante + icona all'interno del blocco e quindi selezionare il blocco desiderato.
A questo punto, inserire altri contenuti o blocchi facendo clic sul lato inferiore destro del blocco.
È possibile inserire qualsiasi blocco di proprio gradimento. Nel mio caso, ho inserito il blocco immagine.
È possibile inserire lo spazio della colonna per ogni blocco.
Personalizzazione dei blocchi
Nella personalizzazione del blocco, si hanno le opzioni per il layout (1) e posizione (2).
Nel Layout, è possibile scegliere l'opzione Posizione dell'elemento della griglia. È possibile mantenere l'impostazione predefinita o utilizzare il manuale.
L'opzione Auto consente di regolare la larghezza minima della colonna.
L'opzione manuale consente di scegliere le colonne del blocco. È possibile regolare facilmente il numero di colonne all'interno del blocco.
Successivamente, è possibile scegliere se rendere la griglia appiccicosa o meno. Se si desidera renderla appiccicosa, scegliere l'opzione appiccicosa.
Nella scheda Stili sono presenti anche stili predefiniti per il blocco. È possibile selezionarli e vedere cosa fanno. Ecco l'anteprima qui sotto.
È possibile personalizzare il colore del testo e dello sfondo utilizzando l'opzione Colore.
L'opzione Immagine di sfondo consente di aggiungere un'immagine per lo sfondo del blocco.
Per ripristinare l'immagine, fare clic sui tre punti e selezionare ripristina tutto.
Nella tipografia, è possibile impostare il carattere, la dimensione del carattere, l'aspetto, l'altezza della linea, l'interlinea, la decorazione e le maiuscole.
Le dimensioni consentono di personalizzare il padding, il margine, l'altezza minima e la spaziatura del blocco Griglia.
Vediamo di seguito la modifica della spaziatura tra i blocchi e dell'altezza minima.
Infine, l'opzione Bordo e ombra consente di regolare il bordo e il raggio del bordo del blocco.
Ecco la demo finale di ciò che ho realizzato utilizzando il blocco. Non è il massimo, ma dà un'idea di ciò che questo blocco può fare.
Panoramica del blocco griglia di WordPress
Che cos'è il blocco griglia in WordPress?