Comment personnaliser le design des catégories d'une section ?

Les catégories

Si une section a des catégories, vos lecteurs naviguent entre elles en haut de la liste. Vous choisissez leur apparence et ce qu'affiche le header.

Dans « My App », ouvrez Structure… et cliquez sur la section, ici Sports.

Ses catégories se créent dans les réglages de la section, via la roue dentée. Leur design se règle ici : cliquez sur Categories.

Templates

Il y a quatre templates. Tags, celui en cours, affiche chaque catégorie dans une cellule arrondie.

Choisissez Labels… et les catégories deviennent de simples titres, soulignés une fois sélectionnés.

Choisissez Filters… et la barre ne liste que les catégories. Comme l'indique le panneau, la liste affiche par défaut les articles de All.

Choisissez Dropdown… et les catégories passent dans un menu, avec une flèche de chaque côté.

Titre du header

Avec Dropdown, vous choisissez aussi le titre du header : « Section & category title », « Section title only » ou « Categories only ».

Choisissez « Categories only »… et le header affiche la catégorie, All, au lieu de Sports.

Couleurs et polices

Retour à Tags. Chaque template a ses propres réglages.

Chaque couleur a deux états : « Not selected » et Selected. Voici une nouvelle couleur pour la cellule sélectionnée… et la catégorie en cours ressort en noir.

À côté de chaque police, cette icône règle la taille pour chaque écran : mobile, tablette et ordinateur.

Une taille plus grande sur mobile… et les catégories sont plus lisibles.

Publier

Pour que vos utilisateurs voient ces changements, publiez la mise à jour de votre app depuis le menu Publish.