Come personalizzare il design delle categorie di una sezione

Le categorie

Se una sezione ha delle categorie, i tuoi lettori passano dall'una all'altra in cima all'elenco. Scegli tu il loro aspetto e cosa mostra l'header.

In «My App», apri Structure… e clicca sulla sezione, qui Sports.

Le categorie si creano dall'ingranaggio, nelle impostazioni della sezione. Il loro design invece è qui: clicca su Categories.

Template

Ci sono quattro template. Tags è quello in uso e mostra ogni categoria in una cella arrotondata.

Scegli Labels… e le categorie diventano semplici titoli, sottolineati se selezionati.

Scegli Filters… e la barra elenca solo le categorie. L'elenco mostra gli articoli di All per impostazione predefinita, come indica il pannello.

Scegli Dropdown… e le categorie si spostano in un menu, con una freccia per lato.

Titolo dell'header

Con Dropdown, scegli anche il titolo dell'header: «Section & category title», «Section title only» o «Categories only».

Scegli «Categories only»… e l'header mostra la categoria, All, invece di Sports.

Colori e font

Torniamo a Tags. Ogni template ha impostazioni proprie.

I colori si impostano per due stati: «Not selected» e Selected. Qui un nuovo colore per la cella selezionata… e la categoria attuale risalta in nero.

Accanto a ogni font, questa icona regola la dimensione per ogni tipo di schermo: smartphone, tablet e computer.

Una dimensione maggiore su smartphone… e le categorie si leggono meglio.

Pubblicazione

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