---
title: "Så här designar du kategorierna i en sektion | Självstudiekurser - GoodBarber"
description: "KategorierNär en sektion har kategorier växlar dina läsare mellan dem högst upp i listan. Du väljer hur de ser ut och vad headern visar.I ”My App” öppnar du Structure… och klickar på sektionen, här S…"
canonical_url: "https://se.goodbarber.com/tutorials/design/sa-har-designar-du-kategorierna-i-en-sektion/"
lang: sv
---

# Så här designar du kategorierna i en sektion | Självstudiekurser - GoodBarber

[Tillbaka](https://se.goodbarber.com/tutorials/)

# Så här designar du kategorierna i en sektion

## Kategorier

När en sektion har kategorier växlar dina läsare mellan dem högst upp i listan. Du väljer hur de ser ut och vad headern visar.

I ”My App” öppnar du Structure… och klickar på sektionen, här Sports.

Kategorierna skapas i sektionens inställningar, bakom kugghjulet. Deras design finns här: klicka på Categories.

## Mallar

Det finns fyra mallar. Tags, den valda, visar varje kategori i en avrundad cell.

Välj Labels… så blir kategorierna enkla titlar, understrukna när de är valda.

Välj Filters… så visar fältet bara kategorierna. Som det står i panelen visar listan artiklarna i All som standard.

Välj Dropdown… så flyttas kategorierna till en meny, med en pil på vardera sidan.

## Headerns titel

Med Dropdown väljer du också headerns titel: ”Section & category title”, ”Section title only” eller ”Categories only”.

Välj ”Categories only”… så visar headern kategorin All i stället för Sports.

## Färger och typsnitt

Tillbaka till Tags. Varje mall har sina egna inställningar.

Varje färg har två lägen, ”Not selected” och Selected. Här en ny färg för den valda cellen… så sticker den aktuella kategorin ut i svart.

Ikonen bredvid varje typsnitt ställer in storleken för varje skärm: mobil, surfplatta och dator.

En större storlek på mobilen… så blir kategorierna lättare att läsa.

## Publicering

Publicera uppdateringen av din app från menyn Publish, så att dina användare ser ändringarna.

## Relaterade videor

[DesignSå här ställer du in din header](/tutorials/design/sa-har-staller-du-in-din-rubrik/)

![Så här ställer du in din header](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[DesignSå här ställer du in stilen för din app](/tutorials/design/sa-har-staller-du-in-den-globala-stilen-for-din-app/)

![Så här ställer du in stilen för din app](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DesignSå här anpassar du startskärmen i din app](/tutorials/design/sa-har-anpassar-du-stankskarmen-i-din-app/)

![Så här anpassar du startskärmen i din app](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[DesignSå här ställer du in navigeringsmenyn för din app](/tutorials/design/sa-har-staller-du-in-navigeringslaget-for-din-app/)

![Så här ställer du in navigeringsmenyn för din app](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[DesignSå här anpassar du ikonerna i din meny](/tutorials/design/sa-har-anpassar-du-ikonerna-i-din-meny/)

![Så här anpassar du ikonerna i din meny](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[DesignSå här utformar du dina sektioner](/tutorials/design/sa-har-utformar-du-dina-sektioner/)

![Så här utformar du dina sektioner](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[DesignHur man kopierar designen av ett avsnitt](/tutorials/design/hur-man-kopierar-designen-av-ett-avsnitt/)

![Hur man kopierar designen av ett avsnitt](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DesignSå här ställer du in din startsida](/tutorials/design/sa-har-staller-du-in-din-startsida/)

![Så här ställer du in din startsida](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DesignSå här väljer du storleken på din header](/tutorials/design/hur-valjer-man-rubrikstorlek/)

![Så här väljer du storleken på din header](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)