Jak upravit nadpisy příspěvků na Tumblr pomocí CSS

Úvod

Při vytvoření nového blogu na Tumblr vám platforma automaticky nabídne výchozí šablonu, kterou můžete libovolně upravovat. I když neovládáte HTML, stačí jen pár řádků CSS a nadpisy vašich textových příspěvků budou výraznější a osobitější.

Styling webových stránek – základy CSS

Vlastníci webů mění vzhled stránek pomocí Cascading Style Sheets (CSS). Například vlastnost color určuje barvu textu, background-color barvu pozadí a font-size velikost písma. Přidáním těchto a dalších vlastností do HTML kódu vašeho Tumblr blogu můžete libovolně stylovat jeho prvky.

Jak najít kód šablony

1. Přihlaste se do svého Tumblr dashboardu a klikněte na Customize (Přizpůsobit).
2. V levém panelu zvolte Edit HTML (Upravit HTML).
3. Otevře se editor – stiskněte Ctrl + F a vyhledejte řetězec post .title (bez uvozovek).
Editor vás přenese na řádek podobný #wrapper #content .post .title {.

Úprava HTML a CSS

Za tento řádek přidejte požadované CSS vlastnosti. Například:

color: red; background-color: yellow; text-decoration: underline;

Tyto tři hodnoty změní barvu nadpisu na červenou, pozadí na žluté a podtrhnou text. Po zadání klikněte na Update Preview a následně na Save. Prohlédněte si svůj blog – nadpisy příspěvků se nyní zobrazují podle nových nastavení.

Udržujte blog aktuální

Kdykoli chcete změnit vzhled nadpisů, upravte hodnoty CSS. Můžete například nastavit zelený text na červeném pozadí, nahradit podtržení čárou nad textem (overline), přeškrtnutím (line-through) nebo jej odstranit (none). Pro změnu velikosti písma přidejte:

font-size: 22px;

nahraďte 22 požadovaným počtem pixelů – větší číslo = větší text. Pro inspiraci a kompletní seznam barev navštivte např. W3Schools – CSS Colors.