# Přizpůsobení stavové stránky

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

V nastavení **Stavová stránka** můžete změnit logo, barvy, design záhlaví, tmavý režim, jazyk, formáty data a náhled pro sociální sítě své stavové stránky a přidat vlastní HTML, CSS a JavaScript.

| At a glance | Details |
| :-- | :-- |
| [Značka](https://instatus.com/help/cs/status-page/customize#jak-přidám-své-logo-a-barvy) | Logo, logo pro tmavý režim, favicon, barvy značky a stavů |
| [Design](https://instatus.com/help/cs/status-page/customize#jak-změním-design-nebo-tmavý-režim) | 3 designy záhlaví, tmavý/světlý režim, rozložení komponent |
| [Vlastní kód](https://instatus.com/help/cs/status-page/customize#můžu-přidat-vlastní-html-css-nebo-javascript) | HTML, CSS a JavaScript v 5 oblastech |
| [Jazyk](https://instatus.com/help/cs/status-page/customize#jak-změním-jazyk-své-stavové-stránky) | Výchozí jazyk, vícejazyčnost v tarifu Pro |
| [Časová osa](https://instatus.com/help/cs/status-page/customize#jak-změním-formát-data-času-a-časové-pásmo) | Formáty data a času, časové pásmo, datum spuštění |
| [Vyhledávání a sítě](https://instatus.com/help/cs/status-page/customize#jak-ovlivním-náhled-v-googlu-a-na-sociálních-sítích) | Název, popis a obrázek pro náhledy |

## Jak přidám své logo a barvy?

Přihlaste se na [instatus.com/login](https://dashboard.instatus.com/login), vyberte svou stavovou stránku a přejděte do **Stavová stránka → Vzhled**.

V sekci značky můžete změnit:

- Logo značky, včetně samostatného loga pro tmavý režim.
- Favicon.
- Barvu značky, ať ladí s logem.
- Barvy stavů.

Po přizpůsobení klikněte na **ULOŽIT** a stránka se aktualizuje.

![Nastavení značky](https://instatus.com/help/customize/1.png)

## Jak změním design nebo tmavý režim?

V sekci designu v nastavení **Vzhled** můžete změnit:

- Design záhlaví — na výběr máte 3 varianty.
- Jestli se má stavová stránka zobrazovat v tmavém režimu, ve světlém režimu, nebo přepínatelně tlačítkem.
- Jak se mají zobrazovat komponenty.

Po změně designu klikněte na **ULOŽIT** a stránka se aktualizuje.

![Nastavení vzhledu](https://instatus.com/help/customize/2.png)

## Můžu přidat vlastní HTML, CSS nebo JavaScript?

Ano. V **Stavová stránka → HTML** můžete vložit vlastní HTML, CSS a JavaScript do pěti oblastí:

- Nad záhlaví stavové stránky.
- Pod záhlaví.
- Pod komponenty stavové stránky.
- Nad patičku stavové stránky.
- Pod patičku.

Po přidání vlastního HTML klikněte na **ULOŽIT** a stránka se aktualizuje.

![Nastavení vlastního HTML](https://instatus.com/help/customize/3.png)

## Jak změním jazyk své stavové stránky?

V **Stavová stránka → Jazyk** můžete změnit:

- Výchozí jazyk vaší stavové stránky.

**Funkce tarifu Pro:**

- Vícejazyčná stavová stránka.
- Vlastní formulace.

Podrobný návod na nastavení více jazyků najdete v článku
[Podpora více jazyků](https://instatus.com/help/cs/status-page/multi-language).

![Nastavení jazyka](https://instatus.com/help/customize/4.png)

Po změně jazyka stavové stránky klikněte na **ULOŽIT** a stránka se aktualizuje.

## Jak změním formát data, času a časové pásmo?

V **Stavová stránka → Časová osa** můžete změnit:

- Formáty data a času — [víc o formátech data a času najdete tady](https://date-fns.org/v2.16.1/docs/format).
- Časové pásmo.
- Datum spuštění služby.

Po změně data a času klikněte na **ULOŽIT** a stránka se aktualizuje.

![Nastavení formátu data a času](https://instatus.com/help/customize/5.png)

## Jak ovlivním náhled v Googlu a na sociálních sítích?

V **Stavová stránka → Vyhledávání a sociální sítě** můžete nastavit:

- Změňte název.
- Přidejte vlastní popis pro Google a sociální sítě.
- Nahrajte obrázek.

Po úpravě nastavení vyhledávání a sociálních sítí klikněte na **ULOŽIT**, aby se změny projevily.

![Nastavení vyhledávání a sociálních sítí](https://instatus.com/help/customize/6.png)

- [Podpora více jazyků](https://instatus.com/help/cs/status-page/multi-language): Naučte se nabídnout stavovou stránku ve více jazycích.