Come scegliere l'altezza del tuo header

L'altezza dell'header

L'altezza dell'header decide quanto spazio occupa il tuo brand in cima allo schermo: un header discreto fa posto ai contenuti, uno più alto mette in risalto il titolo e un breve testo.

In «My App», apri Structure e clicca su Header.

Tre altezze

«Header height» offre tre altezze: Small, Medium e Large. River Daily usa Small.

Scegli Medium… e l'header si ingrandisce, con più spazio intorno al tuo titolo.

Scegli Large… e occupa circa un terzo dello schermo: un'apertura che valorizza il tuo brand.

Large imposta anche l'opzione di visualizzazione del titolo su «Logo only»… e l'effetto di scorrimento su Resize.

Con Medium e Large, l'header non ha un'immagine di sfondo: usa il suo colore di sfondo.

Descrizioni

Large aggiunge una breve descrizione sotto il tuo titolo. Scrivila qui… e clicca su OK.

La descrizione compare sotto River Daily. Tienila breve.

Perché ogni sezione mostri il suo titolo e la sua descrizione, scegli «Section title & description»… e ora Local mostra il suo nome e la sua descrizione.

Anche Global mostra i suoi.

Home, la prima sezione, mantiene il titolo e la descrizione dell'header.

La descrizione di ogni sezione si scrive nelle sue impostazioni. In Structure, apri il menu accanto alla sezione… scegli Settings: il testo va in Description.

Scorrimento

Di nuovo in Header, l'effetto di scorrimento ora è Resize.

Quando gli utenti scorrono, l'header si rimpicciolisce e ridà spazio ai contenuti… e torna grande in cima alla pagina.

Con Hiding… l'header scivola via mentre la pagina scorre.

Sezione per sezione

Una sezione può anche avere un'altezza tutta sua. In Structure, apri Global… apri Header e scegli «Modify the header of this section».

Scegli Small… e Global passa a un header discreto.

Le altre sezioni, come Local, restano con l'header grande.

Le pagine degli articoli usano sempre l'header piccolo, e lo stesso vale per alcune sezioni, come Settings.

Per riportare Global all'header generale, clicca sull'ingranaggio… poi su «Go back to default header» e conferma.

Pubblicazione

Perché i tuoi utenti vedano le modifiche, pubblica l'aggiornamento della tua app dal menu Publish.