Vaše téma Tumblr nastavuje vzhled a formátování veškerého obsahu na vašem blogu, od velikosti obrázků až po styl písma. Můžete přizpůsobit jakékoli téma Tumblr, ať už zdarma nebo prémiové, návštěvou obrazovky přizpůsobení. 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" vstoupíte na obrazovku přizpůsobení, která umožňuje změnit název blogu, jeho popis a všechny dostupné možnosti v aktuálním tématu. Pokud chcete přepnout na jiné téma, vyberte možnost Procházet témata. Všimněte si možnosti Přidat stránku, kterou můžete použít k vytvoření statických stránek a odkazů vedle příspěvků blogu. Odkaz „Pokročilé možnosti“ vám umožňuje nastavit počet příspěvků zobrazených na každé obrazovce, vynutit, aby se odkazy otevřely v novém okně a aktivovat výchozí zobrazení mobilního telefonu Tumblr pro váš blog.
Vestavěný motiv Možnosti
Autori motivů mohou obsahovat sadu možností integrovaných do jejich motivů - to znamená, že můžete měnit barvy, písma a další proměnné bez změny skutečného kódu samotného motivu. Možnosti uvedené na levé straně obrazovky přizpůsobení byly poskytnuty autorem. 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ý svitek, zobrazení značek a poznámek a možnosti widgetů. Kromě toho mohou existovat pole, do kterých můžete zadat kódy uživatelského jména pro služby Google Analytics, Typekit, Instagram, Twitter a další služby třetích stran.
Přidání vlastních CSS
Tumblr témata využít CSS nastavit styl textu těla, obrázky a čísla na vašich stránkách. Pracují stejným způsobem jako styly v textovém procesoru, což umožňuje uživateli přijít s jednotnou sadou formátů písem, které jsou aplikovány na webu. Klikněte na "Upravit HTML" na obrazovce přizpůsobení a prostudujte si existující HTML téma: CSS by měl být vložen buď do samotného HTML, nebo tam bude odkaz na soubor .css hostovaný jinde na Tumblr. Chcete-li přepsat výchozí šablonu stylů, můžete pomocí sekce Přidat vlastní CSS na stránce Rozšířené možnosti zadat vlastní kód CSS.
Úprava motivu HTML
jako 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 typicky používá k definování rozvržení a struktury stránky, které prvky jsou zobrazeny a kde jsou umístěny; Kód CSS se týká spíše vzhledu a stylu textu, ohraničení a obrázků. Pokud upravíte motiv HTML přímo, služba Tumblr zakáže funkci automatické aktualizace motivu, aby zachovala vaše změny - to znamená, že pokud je aktualizace motivu v budoucnu vydána, budete ji muset nainstalovat ručně (a poté znovu použít svůj obsah). Vylepšení HTML).
Jak mohu ...?
Přesný kód CSS a kód HTML, který potřebujete ke změnám, závisí na způsobu, jakým byl motiv napsán jeho autora. Různí weboví vývojáři používají různé struktury HTML a CSS, ale pokud strávíte nějaký čas při pohledu na existující kód, měli byste být schopni vidět způsob, jakým byly barvy a styly aplikovány. Pokud potřebujete nějaké základní školné o druhu HTML a CSS vylepšení můžete udělat, existuje spousta tutoriálů on-line na stránkách, jako je W3Schools, Webmonkey a HTMLDog. V Centru nápovědy Tumblr jsou také relevantní zdroje a můžete také kontaktovat autora tématu přímo pro ukazatele
URL:https://cs.whycomputer.com/Internet/100118855.html
Lightbox je nástroj pro návrh webu, který vytváří malý rámeček, který zobrazuje obsah, jako jsou obrázky nebo text v něm, který se objevuje ve středu obrazovky při kliknutí na odkaz. Existuje mnoho variant vytvoření lightboxu a většina z nich vyžaduje použití nějakého javascriptu. Existuje však způs
Téma Tumblr je rozvržení stránky, které určuje vzhled vašeho blogu, včetně jeho barev a obrázků, a pomocí aplikace Dreamweaver si můžete vytvořit vlastní motiv. Ačkoli vám Tumblr nabízí výchozí rozvržení stránky, můžete přizpůsobený motiv vytvořit úpravou existujícího kódu CSS (Cascading Style Sheet