Jak zajistit, aby záhlaví na Tumblr zůstalo pevně na místě

Proč udržet záhlaví viditelné?

Záhlaví blogu na Tumblr je ideální místo pro prezentaci značky nebo loga. Bez úpravy však zmizí, jakmile návštěvník začne posouvat stránku dolů.

Postup úpravy tématu

1. Otevřete nastavení Tumblr

Přihlaste se ke svému účtu, přejděte na Settings (Nastavení) z hlavního panelu.

2. Vyberte blog a přejděte do úprav

V levém sloupci vyberte požadovaný blog a klikněte na Customize (Přizpůsobit). Poté zvolte Edit HTML (Upravit HTML) pro otevření editoru kódu.

3. Najděte část definující záhlaví

Procházejte kód a najděte blok, který tvoří záhlaví. V závislosti na tématu může být označen například h1 (textové záhlaví) nebo #wrapper #title (obrázkové záhlaví).

4. Přidejte CSS pro fixní umístění

Do definice záhlaví vložte nový řádek:

position: fixed;

Tím zajistíte, že se záhlaví nebude posouvat spolu s obsahem.

5. Nastavte vrstvení

Pod předchozí řádek přidejte:

z-index: 100;

Hodnota z-index zajistí, že záhlaví bude vždy navrchu a nebudou ho překrývat obrázky či videa.

6. Otestujte změny

Klikněte na Update Preview (Aktualizovat náhled) a pomocí kolečka myši nebo posuvníků stránky ověřte, že záhlaví zůstává na místě.

7. Uložte úpravy

Po úspěšném testu stiskněte Save (Uložit) a změny se projeví na vašem blogu.

Tipy

U některých motivů může fixní záhlaví překrývat obsah příspěvků nebo postranní panel. Přidejte do CSS sekcí pro příspěvky a postranní panel řádek:

margin-top: 300px;

číslo upravte podle výšky vašeho záhlaví, aby byl obsah posunut dolů a zůstával čitelný.