Suddivisione di blocchi con Advanced Gutenberg Columns Manager

Le colonne servono al contenuto di ciò che i blocchi di Gutenberg erano per l'editor classico di WordPress. Ti consentono di organizzare i tuoi contenuti senza ostacoli, se non verticalmente, come i blocchi, quindi orizzontalmente. L'ultimo aggiornamento di Advanced Gutenberg presenta un nuovo blocco per aiutarti a iniziare a utilizzare le colonne.

Il gestore di colonne di Advanced Gutenberg è una versione più avanzata delle colonne native di Gutenberg. Le sue caratteristiche di punta ti danno un maggiore controllo su come il contenuto dovrebbe essere visualizzato, ma allo stesso tempo, rende più facile iniziare a creare contenuti con i suoi layout preimpostati.

Layout di colonna

Per creare il tuo primo blocco di colonne, cerca il gestore di colonne nel tuo editor Gutenberg di WordPress. La prima cosa che vedrai facendo clic sul nuovo blocco è un elenco dei layout preimpostati più comuni. Le opzioni vanno da un semplice layout a una colonna a visualizzazioni standard a due colonne e fino a sei colonne in un blocco.

Queste opzioni sono lì in modo che tu possa concentrarti sulla creazione di contenuti invece di progettarli. Tuttavia, potresti trovarti alla ricerca di un layout che non esiste, come un blocco di colonne che occupa solo il 50% della larghezza del tuo blog. In tal caso, puoi utilizzare la barra laterale per definire le tue larghezze di colonna.

Per definire le proprie larghezze, fare clic su una colonna e impostarne la larghezza in percentuale, oppure impostarla su 0 per reimpostarla sulla larghezza automatica. Mantieni le percentuali totali fino al 100% al massimo per evitare che il contenuto del post o della pagina di WordPress trabocchi. Le guide delle colonne - bordi trasparenti - ti aiuteranno a vedere le modifiche, ma puoi disattivarle dalla scheda configurazione

Un'altra novità nel gestore delle colonne è la sezione di allineamento. Se fai clic sul blocco del gestore delle colonne esterne, troverai prima le opzioni di larghezza. È possibile alternare le opzioni di larghezza intera o larghezza intera per aumentare la dimensione del blocco di colonne. Subito dopo ci sono le opzioni di allineamento.

Le prime tre opzioni di allineamento sono standard: le colonne possono essere allineate verticalmente in alto, al centro o alla fine. La quarta e ultima opzione di allineamento è quella che non è nelle colonne di Gutenberg - colonne interne a tutta altezza .

L'opzione allunga le colonne in modo che siano uguali alla colonna più alta del blocco. Questa opzione è necessaria se le colonne hanno colori o bordi di sfondo e quindi devono estendersi per l'intera altezza del blocco.

Colonne reattive

Un buon blog dovrebbe essere visualizzato bene su desktop, tablet e telefoni cellulari. Una domanda pertinente che sorge spontanea è come visualizzare al meglio le colonne quando manca la larghezza. Le larghezze delle colonne dovrebbero cambiare e, in tal caso, come? Ogni colonna dovrebbe essere la sua riga?

Advanced Gutenberg ti offre la flessibilità di scegliere come visualizzare le colonne su tablet e cellulari. Fare clic sul blocco del gestore delle colonne e scegliere un layout per desktop, tablet e cellulari. Le opzioni sui dispositivi palmari includono la modifica del layout delle colonne o l'impilamento delle colonne per sfruttare l'intera larghezza.

Se si utilizza l'ampia larghezza dei layout a larghezza intera, è possibile che il blocco gestore colonne sia troppo largo su dispositivi più piccoli. In tal caso, è possibile impostare l'imbottitura e il margine del cellulare o del tablet nell'area appena sotto il layout del cellulare e del tablet, rispettivamente.

Scorrendo fino in fondo e aprendo le impostazioni della riga , puoi anche specificare cosa dovrebbe accadere quando le colonne traboccano di contenuto e la larghezza massima e l'altezza minima di una riga. Dopo aver acquisito familiarità con le impostazioni di visualizzazione del layout generale del blocco, potresti voler accedere a impostazioni di reattività ancora più precise.

Con il gestore di colonne di Advanced Gutenberg, puoi anche specificare il riempimento e i margini delle singole colonne su desktop o dispositivi mobili. Per ottimizzarli, fai clic su una colonna anziché sull'intero blocco. Quindi, scorri fino alla fine della barra laterale per specificare il riempimento e i margini su desktop o dispositivo mobile. Per ciascuno, puoi anche specificare l'allineamento del testo.

Personalizzare le colonne di WordPress

Quando hai finito di perfezionare le tue colonne - o se non hai sentito la necessità di spostarti dai layout standard - puoi personalizzare le colonne o iniziare ad aggiungere contenuti ad esse. Quando fai clic su una colonna, puoi applicare le opzioni di visualizzazione a livello di colonna, attualmente limitate allo stile, al colore, alla larghezza e al raggio del bordo.

Ancora più importante, lo scopo delle colonne è archiviare e visualizzare il contenuto. Il gestore di colonne di Advanced Gutenberg supporta tutti i tipi di contenuto nelle colonne, il che significa che puoi memorizzare in esse paragrafi, immagini e gallerie e qualsiasi altro blocco, standard o personalizzato. La tua immaginazione è il limite!

Una volta che padroneggi la potenza dei blocchi Gutenberg, puoi esprimere la tua creatività nei tuoi post e pagine WordPress. Con il gestore di colonne di Advanced Gutenberg, puoi ottenere il massimo dal tuo blog WordPress. Quindi prendi il controllo che desideri con le colonne e libera la tua creatività non solo verticalmente, ma anche orizzontalmente!

Ottieni Advanced Gutenberg (plugin gratuito): https://www.joomunited.com/wordpress-products/advanced-gutenberg