Nella categoria di blocchi ‘elementi del layout’ DESIGN troviamo, ovviamente, tutti quegli elementi che influiscono in modo decisivo sulla composizione/strutturazione del contenuto (il ‘design’, appunto).
Passiamoli in rassegna.
Altro
Già noto a chi utilizzava l’editor tradizionale di WordPress, è l’elemento che ‘taglia’ il contenuto di un articolo nell’anteprima (l’elenco dei post, per capirci), visualizzandone solo il riassunto (se definito) e con la possibilità di nascondere il testo che lo precede.
Separatore
Proprio quella riga che vedete sopra e sotto questo blocco di testo e che ho usato per racchiudere tutte le descrizioni e relativi esempi degli altri elementi del layout in questo articolo. Si tratta di un elemento ereditato dall’editor classico, e in questo caso si può scegliere fra gli stili linea breve, linea ampia e punti.
Gruppo/Riga
Due elementi che permettono di raggruppare più blocchi disponendoli rispettivamente in verticale o in orizzontale. Per gestire al meglio i singoli blocchi è consigliabile usare la visualizzazione in modalità elenco.
Interruzione di pagina
Permette di ‘paginare’ il contenuto, creando dei link di navigazione che permettono di ‘sfogliarlo’ in pagine consecutive, numerandole e visualizzandole il collegamento nella parte inferiore della pagina. Per maggior chiarezza, è stato usato subito dopo questo paragrafo, quindi potrete leggere il resto dell’articolo utilizzando il link/pulsante di navigazione ‘numerico’ da esso creato qui di seguito.
Colonne
Un tentativo, inizialmente non perfettamente riuscito a causa della cattiva gestione ‘responsive’ sui dispositivi mobili, di permettere la distribuzione di contenuto in due o più colonne all’interno dell’editor di WordPress. Ogni colonna può essere gestita come un ‘contenitore’ e avere, quindi, colore di fondo e testo diversi dalle altre, capolettera e dimensioni globali per il font.
Contenuto della prima colonna, semplicemente sotto forma di testo nero su fondo bianco.
Per la seconda colonna utilizzeremo invece un testo grigio chiaro su fondo nero.
Pulsanti
Un blocco sicuramente desiderato a lungo da molti utenti, introduce questo importante elemento permettendone una configurazione abbastanza flessibile, per esempio definendo (oltre all’inevitabile link) uno stile e colore per il testo e un colore anche per lo sfondo, oltre a diversi stili che ne definiscono la forma (arrotondata o squadrata) e il riempimento/bordo.
Spazio vuoto
Un semplice elemento di spaziatura, che tuttavia può rivelarsi utile in moltissime occasioni per distanziare verticalmente gli elementi della pagina, difatti prevede la definizione dell’altezza in pixel. Per fare un esempio, uno spazio vuoto di 60 pixel è stato utilizzato in questo caso due volte (vedi sopra), per distanziare il pulsante dal paragrafo precedente e da quest’ultima sezione.