Tutoriels
Retour

Comment ajouter des catégories/filtres à vos sections ?


Bonjour et bienvenue dans un nouveau tutoriel !

Aujourd'hui nous je vais vous montrer une astuce qui vous aidera à classer le contenu de votre app:

comment ajouter des catégories à vos sections.

Selon le type de contenu que vous avez sur votre application, vous pouvez ajouter des catégories à votre section CMS ou filtrer votre contenu lorsque vous utilisez une source externe ( Youtube , WordPress, etc.).

Pour les catégories CMS il vous suffit de vous rendre dans le menu My app > Content > Sections. Je survole la section que je veux modifier, je clique sur l'icône avec les 3 points, puis Settings.

Ici je clique directement sur ADD A CATEGORY.

J'entre un nom.

Je le fais autant de fois que je veux de catégories.

Voilà c'est fait.

Je peux entrer dans chaque catégorie pour choisir l'ordre d'affichage des items à l'intérieur.

Je reviens sur l'écran précédent.

Ici je peux réordonner mes catégories comme cela.

Je peux aussi les rendre invisibles en cliquant sur l'œil.

Ou les supprimer en cliquant sur la poubelle.

Maintenant si je crée un nouvel article, je vais retrouver les nouvelles catégories que j'ai créées.

Vous les voyez?

Voilà c'est simple non?

Pour le contenu externe, c'est exactement le même comportement sauf qu'on appelle ça des filtres. Vous pourrez récupérer les filtres existant de votre contenu externe et choisir leur mode d'affichage.

Voyons maintenant comment designer les catégories/filtres de vos sections.

Je vais dans le menu My app > Design > Sections design.

Je choisi la section dans laquelle j'ai créé mes catégories.

Je clique sur le lien CATEGORIES.

Ici je peux paramétrer mes couleurs et mes police et surtout choisir mon template d'affichage.

J'ai trois options d'affichage:

-  Dropdown (ajoute une liste déroulante  juste en dessous de la navbar affichant les filtres de page si vous cliquez dessus )

- Circle Band (ajoute une bande déroulante juste en dessous de la navbar contenant les categories de page)

- Pager (ajoute une icône "pager" dans la navbar. Une catégorie = une page. Vous devez sélectionner une autre page pour voir une autre catégorie).

Je préfère le Circle Band pour mon app.

Voilà ! vous savez maintenant ajouter des catégories et filtres à vos sections et les designer ;)

A bientôt pour un nouveau tutoriel !

 

Vidéos similaires