Jak přizpůsobit existující téma Tumblr

Vaše téma Tumblr nastavuje vzhled a formátování veškerého obsahu vašeho blogu, od velikosti obrázků až po styl písem. Na stránce přizpůsobení můžete vyladit jakékoli téma Tumblr, ať už bezplatné nebo prémiové. Některé znalosti HTML (HyperText Markup Language) a CSS (Cascading Style Sheets) jsou užitečné, ale můžete provádět základní úpravy, i když nejste obeznámeni s kódováním webových stránek.

Obrazovka přizpůsobení

Kliknutím na odkaz „Přizpůsobit“ přejděte na obrazovku přizpůsobení, která vám umožní změnit název blogu, jeho popis a všechny možnosti dostupné ve vašem aktuálním motivu. Chcete-li přepnout na jiné téma, vyberte možnost „Procházet motivy“. Všimněte si možnosti „Přidat stránku“, kterou můžete použít k vytváření statických stránek a odkazů vedle vašich příspěvků na blogu. Odkaz „Pokročilé možnosti“ umožňuje nastavit počet příspěvků zobrazených na každé obrazovce, vynutit otevření odkazů v novém okně a aktivovat výchozí mobilní zobrazení Tumblr pro váš blog.

Integrované možnosti motivů

Autoři motivů mohou do svých motivů zahrnout sadu možností - to znamená, že můžete měnit barvy, písma a další proměnné beze změny skutečného kódu samotného motivu. Možnosti uvedené vlevo na obrazovce přizpůsobení poskytl autor. Ty se liší od tématu k tématu, ale mohou zahrnovat barvy a velikosti písma, obrázky pozadí a záhlaví, možnosti postranního panelu a rozvržení, nekonečné posouvání, zobrazování značek a poznámek a možnosti widgetů. Kromě toho mohou existovat pole pro zadání kódů uživatelských jmen pro Google Analytics, Typekit, Instagram, Twitter a další služby třetích stran.

Přidávání vlastních CSS

Témata Tumblr využívají CSS k nastavení stylu hlavního textu, obrázků a nadpisu na vašem webu. Fungují stejným způsobem jako šablony stylů v textovém procesoru, což uživateli umožňuje přijít s jednotnou sadou formátů písem, které se používají na celém webu. Kliknutím na „Upravit HTML“ na obrazovce přizpůsobení můžete prostudovat stávající HTML motivu: CSS by měl být buď vložen do samotného HTML, nebo tam bude odkaz na soubor .css hostovaný jinde na Tumblru. V části Přidat vlastní CSS na stránce Pokročilé možnosti zadejte svůj vlastní kód CSS, pokud chcete potlačit výchozí šablonu stylů motivu.

Úpravy motivu HTML

Kromě přidávání vlastních CSS můžete také upravit téma HTML přímo přes odkaz „Upravit HTML“ na obrazovce přizpůsobení. HTML kód se obvykle používá k definování rozložení a struktury stránky, přičemž kontroluje, které prvky jsou zobrazeny a kde jsou umístěny; Kód CSS se více zajímá o vzhled a styl textu, ohraničení a obrázků. Pokud upravíte téma HTML přímo, Tumblr zakáže funkci automatické aktualizace motivu, aby se zachovaly vaše změny - to znamená, že pokud bude v budoucnu vydána aktualizace motivu, budete ji muset nainstalovat ručně (a poté znovu použít Vylepšení HTML).

Jak mohu ...?

Přesný kód CSS a HTML, který je třeba provést, závisí na způsobu, jakým téma autor napsal. Různí weboví vývojáři používají různé struktury HTML a CSS, ale pokud strávíte nějaký čas prohlížením stávajícího kódu, měli byste vidět způsob, jakým byly barvy a styly použity. Pokud potřebujete základní výuku o vylepšeních HTML a CSS, které můžete udělat, existuje spousta tutoriálů online na webech jako W3Schools, Webmonkey a HTMLDog. V centru nápovědy Tumblr jsou také relevantní zdroje a můžete také přímo kontaktovat autora tématu ohledně ukazatelů.