Jak upravit existující téma na Tumblr

Téma vašeho Tumblr určuje vzhled a formátování veškerého obsahu na blogu – od velikosti obrázků po styl písma. Každé téma, ať už zdarma nebo placené, můžete upravit na stránce přizpůsobení. Základní znalosti HTML a CSS jsou užitečné, ale i bez nich zvládnete jednoduché úpravy.

Obrazovka přizpůsobení

Na panelu vašeho blogu klikněte na odkaz Customize. Otevře se obrazovka, kde můžete měnit název blogu, popis a všechna nastavení aktuálního tématu. Pokud chcete jiné téma, zvolte Browse Themes. Možnost Add a Page vám umožní vytvořit statické stránky a odkazy vedle příspěvků. V Advanced Options můžete nastavit počet příspěvků na stránku, přinutit odkazy otevírat se v novém okně nebo aktivovat výchozí mobilní verzi Tumblr.

Vestavěné možnosti tématu

Autoři témat často do svých šablon zakomponují sadu nastavení – tak můžete měnit barvy, písma a další parametry, aniž byste zasahovali do kódu. Tyto volby jsou uvedeny vlevo na obrazovce přizpůsobení a liší se podle tématu. Může jít o barvy a velikosti písma, obrázky pozadí a hlavičky, rozvržení postranního panelu, nekonečné rolování, zobrazení štítků a poznámek nebo widgety. Některá témata také nabízejí pole pro zadání kódů třetích stran (Google Analytics, Typekit, Instagram, Twitter apod.).

Přidání vlastního CSS

CSS (Cascading Style Sheets) určuje styl textu, obrázků a nadpisů na vašem webu. Klikněte na Edit HTML a podívejte se, kde je v šabloně umístěno CSS – buď je vložené přímo v HTML, nebo odkazuje na externí soubor .css. V sekci Add Custom CSS v Advanced Options můžete vložit svůj vlastní CSS kód a přepsat tak výchozí stylování tématu.

Úprava HTML šablony

Kromě CSS můžete přímo upravit HTML šablony kliknutím na Edit HTML. HTML definuje strukturu stránky – kde se jednotlivé bloky zobrazí a jak jsou uspořádány – zatímco CSS se stará o vzhled. Po úpravě HTML Tumblr automaticky vypne automatické aktualizace tématu, aby vaše změny nezmizely. To znamená, že pokud autor později vydá aktualizaci, budete ji muset nainstalovat ručně a znovu aplikovat své úpravy.

Jak na to…?

Konkrétní kód, který potřebujete změnit, závisí na tom, jak téma napsal jeho autor. Různí vývojáři používají odlišné struktury HTML a CSS, ale pokud si kód projdete, měli byste rozpoznat, kde jsou definovány barvy a styly. Pro základní tutoriály k úpravám HTML a CSS můžete navštívit stránky jako W3Schools, Webmonkey nebo HTMLDog. V Tumblr Help Center najdete další návody a můžete se také obrátit přímo na autora tématu s konkrétními dotazy.