Dividere una pagina di WordPress in colonne

13 Lug Dividere una pagina di WordPress in colonne

Un altro piccolo trucchetto che mi è venuto in aiuto diverse volte nello sviluppo dei siti è quello di suddividere una pagina di WordPress in più colonne. Anche in questo caso si potrebbe attingere direttamente al repository di WordPress per trovare un plugin che faccia ciò, soprattutto se il tema che state usando non integra una tale funzione, ma con questo metodo si fa prima e non servono grosse competenze.

Inoltre, la suddivisione in colonne offre anche un’impaginazione del testo e delle immagini molto “giornalistico” e sicuramente gradevole all’occhio umano. Per fare ciò adopereremo la scheda Testo nell’editor di WordPress che trovate nelle pagine e negli articoli, in modo da poter incollare il semplice codice HTML che trovate di seguito.
In questo caso si tratta di una suddivisione a due colonne, dove la percentuale del 48% che vedete può essere variata a vostra scelta per aumentare o diminuire lo spazio fra le colonne.

<div style="float: left; text-align: justify; width: 48%;">
Contenuto della prima colonna</div>
<div style="float: right; text-align: justify; width: 48%;">
Contenuto della seconda colonna</div>
<div style="clear: both;">
</div>

Il caso che segue invece è una suddivisione a tre colonne, diventa pertanto intuitivo il fatto che il numero di colonne va diviso nel 100% della larghezza della pagina, tenendo sempre conto di un minimo di spazio fra le colonne stesse.

<div style="float: left; text-align: justify; width: 32%;">
Contenuto della prima colonna</div>
<div style="float: right; text-align: justify; width: 32%;">
Contenuto della seconda colonna</div>
<div style="float: right; text-align: justify; width: 32%;">
Contenuto della terza colonna</div>
<div style="clear: both;">
</div>