---
title: "Hoe je de categorieën van een sectie ontwerpt | tutorials - GoodBarber"
description: "CategorieënHeeft een sectie categorieën, dan wisselen je lezers ertussen bovenaan de lijst. Jij kiest hoe ze eruitzien en wat de header toont.Open Structure in ‘My App’… en klik op de sectie, hier Sp…"
canonical_url: "https://nl.goodbarber.com/tutorials/ontwerp/hoe-je-de-categorieen-van-een-sectie-ontwerpt/"
lang: nl
---

# Hoe je de categorieën van een sectie ontwerpt | tutorials - GoodBarber

[Terug](https://nl.goodbarber.com/tutorials/)

# Hoe je de categorieën van een sectie ontwerpt

## Categorieën

Heeft een sectie categorieën, dan wisselen je lezers ertussen bovenaan de lijst. Jij kiest hoe ze eruitzien en wat de header toont.

Open Structure in ‘My App’… en klik op de sectie, hier Sports.

De categorieën maak je aan in de sectie-instellingen, achter het tandwiel. Hun ontwerp vind je hier: klik op Categories.

## Sjablonen

Er zijn vier sjablonen. Tags, het huidige, zet elke categorie in een afgeronde cel.

Kies Labels… en de categorieën worden gewone titels, onderstreept als ze geselecteerd zijn.

Kies Filters… en de balk toont alleen de categorieën. Het paneel geeft aan dat de lijst standaard de artikelen van All toont.

Kies Dropdown… en de categorieën komen in een menu, met een pijl aan elke kant.

## Titel van de header

Bij Dropdown kies je ook de titel van de header: ‘Section & category title’, ‘Section title only’ of ‘Categories only’.

Kies ‘Categories only’… en in de header staat de categorie, All, in plaats van Sports.

## Kleuren en lettertypen

Terug naar Tags. Elk sjabloon heeft zijn eigen instellingen.

Kleuren stel je in voor twee toestanden, ‘Not selected’ en Selected. Hier een nieuwe kleur voor de geselecteerde cel… en de huidige categorie valt op in zwart.

Naast elk lettertype stel je met dit icoon de lettergrootte in voor elk scherm: mobiel, tablet en computer.

Een grotere lettergrootte op mobiel… en de categorieën zijn beter leesbaar.

## Publiceren

Publiceer de update van je app via het menu Publish, zodat je gebruikers de wijzigingen zien.

## Gerelateerde video's

[OntwerpHoe je je header instelt](/tutorials/ontwerp/hoe-u-uw-header-instelt/)

![Hoe je je header instelt](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[OntwerpHoe je de stijl van je app instelt](/tutorials/ontwerp/hoe-u-de-algemene-stijl-van-uw-app-instelt/)

![Hoe je de stijl van je app instelt](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[OntwerpHoe je het opstartscherm van je app aanpast](/tutorials/ontwerp/hoe-u-het-startscherm-van-uw-app-kunt-aanpassen/)

![Hoe je het opstartscherm van je app aanpast](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[OntwerpHoe je het navigatiemenu van je app instelt](/tutorials/ontwerp/hoe-u-de-navigatiemodus-van-uw-app-instelt/)

![Hoe je het navigatiemenu van je app instelt](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[OntwerpHoe je de iconen van je menu aanpast](/tutorials/ontwerp/hoe-u-de-pictogrammen-van-uw-menu-kunt-aanpassen/)

![Hoe je de iconen van je menu aanpast](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[OntwerpHoe u uw secties ontwerpt](/tutorials/ontwerp/hoe-u-uw-secties-ontwerpt/)

![Hoe u uw secties ontwerpt](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[OntwerpHoe u het ontwerp van een sectie kopieert](/tutorials/ontwerp/hoe-u-het-ontwerp-van-een-sectie-kopieert/)

![Hoe u het ontwerp van een sectie kopieert](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[OntwerpHoe u uw startpagina instelt](/tutorials/ontwerp/hoe-u-uw-startpagina-instelt/)

![Hoe u uw startpagina instelt](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[OntwerpHoe kies je de grootte van je header?](/tutorials/ontwerp/how-to-choose-your-header-size/)

![Hoe kies je de grootte van je header?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)