Kako urediti temu pomoću HTML-a na Tumblr

Tumblr podržava potpunu prilagodbu bilo koje besplatne teme koju odaberete, kao i potpuno prilagođene teme za vaš Tumblr blog. Teme na Tumblru izrađuju različiti programeri, od kojih su mnogi korisnici Tumblra; kao takav, dizajn i izgled koda drastično se razlikuju između tema, a zajednički su samo ključni elementi. Iako je eksperimentiranje učinkovito sredstvo za učenje sitnica i izlaza u sustavu, najbolje je imati neke temelje u temama prije nego što ih uredite. Tumblr nudi cijelu stranicu dokumentacije o prilagođenim temama i varijablama.

1

Otvorite svoju stranicu za prilagodbu Tumblr na Tumblr.com/customize; također možete kliknuti svoje korisničko ime na vrhu svoje nadzorne ploče Tumblr, a zatim na bočnoj traci kliknuti "Prilagodi izgled".

2

Kliknite gumb "Tema". Zadani zaslon je zaslon za odabir teme. Odaberite temu koju ćete ugodno uređivati ​​ako je već niste odabrali. Nakon odabira kliknite "Koristi prilagođeni HTML" na dnu izbornika Tema.

3

Pregledajte kod da biste stekli osjećaj kako je programer izvorno izgradio temu. Teme koriste mješavinu koda, uključujući HTML, CSS i Javascript. Tumblr teme koriste standardni skup blokova za definiranje područja koda koja se primjenjuju na različite postove i odjeljke bloga. Na primjer, odjeljak koji definira audio postove započet će "{block: Audio}" i završiti s "{/ block: audio}", a odjeljak za citate trebao bi započeti {block: Citat} i završiti "{/ block: Citat } "olakšavajući pronalaženje pojedinih vrsta i odjeljaka postova. Ako tražite određeni element, značajka "pronađi" u vašem pregledniku trebala bi moći pronaći riječi unutar HTML-a teme.

4

Umetnite bilo koji prilagođeni HTML koji želite. Ako želite stvoriti novu tablicu stilova za svoju temu, umetnuli biste je negdje između oznaka za otvaranje i zatvaranje glave dokumenta. Tablica stilova oblikovana je kao

U svoju tablicu stilova možete uključiti onoliko elemenata koliko vam je potrebno. Bilo koji element može se izmijeniti pomoću CSS-a. Na primjer, ako želite bilo što modificirano s oznakom H2 postaviti kao 22 piksela visoko i tamno sivo, tablica stilova uključuje ovaj blok:

h2 {veličina fonta: 22px; boja: # A8A8A8;}

5

Dodajte bilo koji stil pojedinačnim HTML elementima pomoću oznake "style". Kao primjer, ako želite da citati na vašoj stranici dobiju svijetlosivu sjenku teksta, pronaći ćete HTML koji mijenja vaš citat i dodati u zagrade HTML oznake. Bilo koji CSS koji je dodan na ovaj način radi uz tabelu stilova vaše stranice.

6

Kliknite "Ažuriraj pregled" da biste u pregledu vidjeli promjene na svom Tumblr blogu bez spremanja promjena. Kada napokon napravite željene promjene na svom Tumblr blogu i budete li ih spremni izvršiti, kliknite "Spremi".