---
title: "Sådan designer du dine sektioner | Vejledninger - GoodBarber"
description: "Hej og velkommen til din nye GoodBarber-vejledning! \r I dag skal vi lære at indstille designet af sektionerne i din app.\r \r Hver type sektion har sine egne designegenskaber, men processen til at inds…"
canonical_url: "https://dk.goodbarber.com/tutorials/design/sadan-designer-du-dine-sektioner/"
lang: da
---

# Sådan designer du dine sektioner | Vejledninger - GoodBarber

[Tilbage](https://dk.goodbarber.com/tutorials/)

# Sådan designer du dine sektioner

Hej og velkommen til din nye GoodBarber-vejledning!
I dag skal vi lære at indstille designet af sektionerne i din app.

Hver type sektion har sine egne designegenskaber, men processen til at indstille dem er altid den samme.

For at designe en sektion går vi til Min app > Design > Sektionsdesign.

I dette eksempel vælger vi at designe et artikelafsnit i min lokale nyhedsapp.
Du kan se her, at artikelafsnittet tilbyder to sider til opsætning. Siden med artikellisten og siden med artikeldetaljer.

Lad os starte med artikellisten.

Det første, du skal gøre her, er at vælge mellem de foreslåede visningsskabeloner. Du kan se ændringerne live i backoffice-eksemplet.

Vi vælger skabelon 2.

Derefter indstiller vi designet af indholdszonen

Farven på baggrunden og kanterne.

De oplysninger, vi viser på listen.

Skrifttyperne og skriftfarverne for de forskellige elementer.

Endelig formatet på miniaturebilledet.

Det er det, det er allerede gjort!

Her er listen over artikler fuldt designet!

Jeg vil hurtigt gøre det samme for siden med artikeloplysninger.

Og voila!

Nu er det op til dig!

Vi ses snart til en ny tutorial!

## Relaterede videoer

[DesignSådan sætter du din header op](/tutorials/design/sadan-stter-du-din-header-op/)

![Sådan sætter du din header op](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[DesignSådan indstiller du den globale stil i din app](/tutorials/design/sadan-indstiller-du-den-globale-stil-i-din-app/)

![Sådan indstiller du den globale stil i din app](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DesignSådan tilpasser du din apps splashscreen](/tutorials/design/sadan-tilpasser-du-din-apps-splashscreen/)

![Sådan tilpasser du din apps splashscreen](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[DesignSådan indstiller du navigationstilstanden i din app](/tutorials/design/sadan-indstiller-du-navigationstilstanden-i-din-app/)

![Sådan indstiller du navigationstilstanden i din app](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[DesignSådan tilpasser du ikonerne i din menu](/tutorials/design/sadan-tilpasser-du-ikonerne-i-din-menu/)

![Sådan tilpasser du ikonerne i din menu](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[DesignSådan kopierer du designet af en sektion](/tutorials/design/sadan-kopierer-du-designet-af-en-sektion/)

![Sådan kopierer du designet af en sektion](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DesignSådan opsætter du din startside](/tutorials/design/sadan-opstter-du-din-startside/)

![Sådan opsætter du din startside](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DesignHvordan vælger du din headerstørrelse?](/tutorials/design/hvordan-vlger-du-din-headerstrrelse/)

![Hvordan vælger du din headerstørrelse?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)

[DesignSådan tilpasser du baggrunden i din app](/tutorials/design/sadan-tilpasser-du-baggrunden-i-din-app/)

![Sådan tilpasser du baggrunden i din app](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)