Terug

Hoe u categorie/filters aan uw secties kunt toevoegen


Hallo en welkom bij uw nieuwe GoodBarber-tutorial!

Vandaag laat ik u een handigheidje zien waarmee u de content van uw app ordent:
hoe u categorieën aan uw secties toevoegt.

Afhankelijk van het soort content geeft u uw CMS-sectie categorieën of filtert u uw content wanneer die uit een externe bron komt (YouTube, WordPress enzovoort).

Voor de CMS-categorieën gaat u gewoon naar het menu Mijn app > Content > Secties. Ik ga met de muis over de sectie die ik wil wijzigen, klik op het icoon met de 3 puntjes en dan op Instellingen.

Hier klik ik meteen op EEN CATEGORIE TOEVOEGEN.

Ik voer een naam in.

Dat herhaal ik zo vaak als ik categorieën wil.

Voilà!

Ik kan elke categorie openen om de volgorde van de items erin te kiezen.

Terug naar het vorige scherm.

Hier zet ik mijn categorieën zo in een andere volgorde.

Met het oogje kan ik ze ook onzichtbaar maken.

Of ze verwijderen met de prullenbak.

Als ik nu een nieuw artikel maak, vind ik de nieuwe categorieën terug.

Ziet u ze?

Makkelijk, toch?

Bij externe content werkt het net zo, alleen heten ze daar filters. U haalt de bestaande filters van uw externe content op en kiest hoe ze worden getoond.

Laten we nu kijken hoe u de categorieën en filters van uw secties ontwerpt.

Ga naar het menu Mijn app > Design > Design van de secties

Ik kies de sectie waarin ik mijn categorieën heb gemaakt.

Ik klik op de link CATEGORIEËN.

Hier bepaal ik kleuren en lettertypes en kies ik mijn weergavetemplate.

Ik heb drie weergaveopties:

- Dropdown (zet vlak onder de navigatiebalk een keuzelijst met de filters van de pagina)

- Circle Band (zet vlak onder de navigatiebalk een scrollbare band met de categorieën van de pagina)

- Pager (zet een icoon Pager in de navigatiebalk. Eén categorie = één pagina. Voor een andere categorie wisselt u van pagina).

Voor mijn app kies ik liever de Circle Band.

Voilà! Nu weet u hoe u categorieën en filters aan uw secties toevoegt en ze ontwerpt ;)


Tot snel bij een volgende tutorial!

Gerelateerde video's