# Mukauta statussivuasi

Source: https://instatus.com/help/fi/status-page/customize

Voit muuttaa statussivusi logon, värit, ylätunnisteen ulkoasun, tumman tilan, kielen, päivämäärämuodot ja some-esikatselun sekä lisätä omaa HTML-, CSS- ja JavaScript-koodia, kaikki **Statussivu**-asetuksista.

| At a glance | Details |
| :-- | :-- |
| [Brändi](https://instatus.com/help/fi/status-page/customize#miten-lisään-logoni-ja-värini) | Logo, tumman tilan logo, favicon, brändi- ja tilavärit |
| [Ulkoasu](https://instatus.com/help/fi/status-page/customize#miten-muutan-ulkoasua-tai-tummaa-tilaa) | 3 ylätunnistetta, tumma/vaalea tila, komponenttiasettelu |
| [Oma koodi](https://instatus.com/help/fi/status-page/customize#voinko-lisätä-omaa-html--css--tai-javascript-koodia) | HTML, CSS ja JavaScript viidellä alueella |
| [Kieli](https://instatus.com/help/fi/status-page/customize#miten-vaihdan-statussivuni-kielen) | Oletuskieli, monikielisyys Pro-paketissa |
| [Aikajana](https://instatus.com/help/fi/status-page/customize#miten-muutan-päivämäärän-ajan-ja-aikavyöhykkeen-muotoja) | Päivämäärä- ja aikamuodot, aikavyöhyke, aloituspäivä |
| [Haku ja some](https://instatus.com/help/fi/status-page/customize#miten-hallitsen-google--ja-some-esikatselua) | Otsikko, kuvaus ja kuva esikatseluja varten |

## Miten lisään logoni ja värini?

Kirjaudu osoitteessa [instatus.com/login](https://dashboard.instatus.com/login), valitse statussivusi ja siirry sitten kohtaan **Statussivu → Ulkoasu**.

Brändiosiossa voit muuttaa:

- Brändin logon, mukaan lukien erillisen logon tummalle tilalle.
- Faviconin.
- Brändivärin logoosi sopivaksi.
- Tilavärit.

Kun olet mukauttanut statussivusi, napsauta **TALLENNA**, niin sivusi päivittyy.

![Brändiasetukset](https://instatus.com/help/customize/1.png)

## Miten muutan ulkoasua tai tummaa tilaa?

Kohdan **Ulkoasu** ulkoasuosiossa voit muuttaa:

- Ylätunnisteen ulkoasun ja valita kolmesta ulkoasustamme.
- Näkyykö statussivusi tummassa tilassa, vaaleassa tilassa vai onko se vaihdettavissa painikkeella.
- Miten haluat komponenttiesi näkyvän.

Kun olet muuttanut ulkoasua, napsauta **TALLENNA**, niin sivusi päivittyy.

![Ulkoasuasetukset](https://instatus.com/help/customize/2.png)

## Voinko lisätä omaa HTML-, CSS- tai JavaScript-koodia?

Kyllä. Kohdassa **Statussivu → HTML** voit lisätä omaa HTML-, CSS- ja JavaScript-koodia viiteen kohtaan:

- Statussivusi ylätunnisteen yläpuolelle.
- Ylätunnisteen alapuolelle.
- Statussivusi komponenttien alapuolelle.
- Statussivun alatunnisteen yläpuolelle.
- Alatunnisteen alapuolelle.

Kun olet lisännyt oman HTML-koodisi, napsauta **TALLENNA**, niin sivusi päivittyy.

![Mukautetun HTML:n asetukset](https://instatus.com/help/customize/3.png)

## Miten vaihdan statussivuni kielen?

Kohdassa **Statussivu → Kieli** voit muuttaa:

- Statussivusi oletuskielen.

**Pro-paketin ominaisuudet:**

- Monikielinen statussivu.
- Oman kielesi käyttö.

Löydät vaiheittaisen oppaan useiden kielten määrittämiseen artikkelistamme
[Monikielinen tuki](https://instatus.com/help/fi/status-page/multi-language).

![Kieliasetukset](https://instatus.com/help/customize/4.png)

Kun olet muuttanut statussivusi kielen, napsauta **TALLENNA**, niin sivusi päivittyy.

## Miten muutan päivämäärän, ajan ja aikavyöhykkeen muotoja?

Kohdassa **Statussivu → Aikajana** voit muuttaa:

- Päivämäärän ja ajan muodot; [lue lisää päivämäärä- ja aikamuodoista täältä](https://date-fns.org/v2.16.1/docs/format).
- Aikavyöhykkeen.
- Palvelun aloituspäivän.

Kun olet muuttanut statussivusi päivämäärän ja ajan, napsauta **TALLENNA**, niin sivusi päivittyy.

![Päivämäärä- ja aikamuodon asetukset](https://instatus.com/help/customize/5.png)

## Miten hallitsen Google- ja some-esikatselua?

Kohdassa **Statussivu → Haku ja some** voit asettaa:

- Muuta otsikkoasi.
- Lisää oma kuvaus Googlea ja somea varten.
- Lataa kuva.

Kun olet mukauttanut haku- ja some-asetuksesi, napsauta **TALLENNA**, jotta muutokset tulevat voimaan.

![Haun ja somen asetukset](https://instatus.com/help/customize/6.png)

- [Monikielinen tuki](https://instatus.com/help/fi/status-page/multi-language): Opi tarjoamaan statussivusi useilla kielillä.