---
title: "Sovelluksen taustan mukauttaminen | Oppaat - GoodBarber"
description: "Hei ja tervetuloa GoodBarberin takahuoneeseen!\r \r Tänään opettelemme yhdessä, miten voit muokata sovelluksesi taustaa.\r Sovelluksesi tausta on kiinteä, riippumatta siitä, mikä sivu näytetään.\r \r Sen …"
canonical_url: "https://fi.goodbarber.com/tutorials/design/sovelluksen-taustan-mukauttaminen/"
lang: fi
---

# Sovelluksen taustan mukauttaminen | Oppaat - GoodBarber

[Takaisin](https://fi.goodbarber.com/tutorials/)

# Sovelluksen taustan mukauttaminen

Hei ja tervetuloa GoodBarberin takahuoneeseen!

Tänään opettelemme yhdessä, miten voit muokata sovelluksesi taustaa.
Sovelluksesi tausta on kiinteä, riippumatta siitä, mikä sivu näytetään.

Sen asettamiseksi mennään valikkoon **Oma sovellus > Muotoilu > Yleinen muotoilu.**
Mennäänpäs valikkoon **Oma sovellus > Muotoilu > Yleinen muotoilu.**
Napsautan valikkoa **Tausta.**

Tässä voin valita, haluanko muuttaa taustan väriä.
Tässä voin valita taustan värin.
Tai lisätä taustakuvia mittauksiin, jotka löydän jokaisen kysymysmerkin takaa.
Jätän taustani tyhjäksi, mutta nyt tiedät miten se tehdään ;)

Viimeiseksi tässä valikossa voit valita sovelluksesi erottimien värin.
Sovelluksessani Freyja Spa on esimerkiksi erottimet Agenda-osiossa.
I’ll näyttää sinulle.

Minulle sopii harmaa.

Minulle sopii harmaa.

Nyt tiedät, miten asetat sovelluksesi taustan ja erottimet!
Nähdään pian uudessa opetusohjelmassa!

## Samanlaisia videoita

[SuunnitteluSovelluksen yläpalkin määrittäminen](/tutorials/design/miten-otsikko-asetetaan/)

![Sovelluksen yläpalkin määrittäminen](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[SuunnitteluSovelluksen tyylin määrittäminen](/tutorials/design/sovelluksen-globaalin-tyylin-maarittaminen/)

![Sovelluksen tyylin määrittäminen](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[SuunnitteluSovelluksen käynnistysnäytön mukauttaminen](/tutorials/design/sovelluksen-aloitusnayton-mukauttaminen/)

![Sovelluksen käynnistysnäytön mukauttaminen](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[SuunnitteluSovelluksen navigointivalikon määrittäminen](/tutorials/design/sovelluksen-navigointitilan-maarittaminen/)

![Sovelluksen navigointivalikon määrittäminen](https://portal.ww-cdn.com/portal_static/images/videos4.e9c3404b35cf.jpg)

[SuunnitteluValikon kuvakkeiden mukauttaminen](/tutorials/design/valikon-kuvakkeiden-mukauttaminen/)

![Valikon kuvakkeiden mukauttaminen](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[SuunnitteluKuinka suunnitella osiot](/tutorials/design/kuinka-suunnitella-osiot/)

![Kuinka suunnitella osiot](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[SuunnitteluKuinka kopioida osion muotoilu](/tutorials/design/kuinka-kopioida-osion-muotoilu/)

![Kuinka kopioida osion muotoilu](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[SuunnitteluKuinka suunnitella osion kategorioiden ulkoasu](/tutorials/design/kuinka-suunnitella-osion-kategorioiden-ulkoasu/)

![Kuinka suunnitella osion kategorioiden ulkoasu](https://portal.ww-cdn.com/portal_static/images/videos8.fc945e8b95fd.jpg)

[SuunnitteluKotisivun määrittäminen](/tutorials/design/kotisivun-maarittaminen/)

![Kotisivun määrittäminen](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[SuunnitteluSovelluksen yläpalkin korkeuden valitseminen](/tutorials/design/miten-valita-otsikon-koko/)

![Sovelluksen yläpalkin korkeuden valitseminen](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)