Elementi del layout (DESIGN)

Condividi se ti piace!

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.


Condividi se ti piace!

2 commenti su “Elementi del layout (DESIGN)”

  1. Buonasera,
    ho creato un blocco riutilizzabile usando lo spazio vuoto e impostando l’altezza a 20 pixel, visto che mi serve come spazio per dividere tra loro le righe e il testo con una immagine. Il problema è che una volta creato oltre allo spazio vuoto all’interno del blocco stesso sotto compare il simbolo + per inserire un’altro blocco. Come mai? Cosa ho sbagliato?

    1. Il simbolo di solito compare sempre, Michela. Nel tuo caso forse è meglio usare i CSS per aumentare lo spazio dopo ogni blocco paragrafo, oppure creare un ‘gruppo’ composto da paragrafo+spaziatore.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati derivati dai commenti.

WordPress la Guida Completa blog ufficiale

In questo sito facciamo uso di strumenti interni o di terze parti che salvano dei piccoli file (cookie) sul tuo dispositivo di navigazione. I cookie vengono utilizzati, normalmente, per consentire al sito di funzionare in modo corretto (cookie tecnici), per generare statistiche sulla navigazione degli utenti (cookie statistici) e per fini di marketing e pubblicitari (cookie di profilazione). Possiamo utilizzare in modo diretto i cookie tecnici, , ma hai la possibilità e il diritto di scegliere se abilitare o meno i cookie statistici e di profilazione. Abilitando tali cookie, ci permetti di offrirti un’esperienza migliore nell’utilizzo del nostro sito. Disabilitandoli potresti non vedere alcuni contenuti (es. i video di YouTube). Informativa cookie