Cum să personalizezi un tema existentă pe Tumblr

Templul Tumblr determină aspectul și formatarea tuturor conținutului blogului tău, de la dimensiunea imaginilor la stilul fonturilor. Poți ajusta orice temă Tumblr, fie gratuită, fie premium, accesând ecranul de personalizare. Cunoștințe de HTML (HyperText Markup Language) și CSS (Cascading Style Sheets) sunt utile, însă poți face modificări de bază chiar și fără experiență în codare web.

Ecranul de Personalizare

Apasă pe linkul „Personalizează” pentru a accesa ecranul de personalizare, unde poți schimba titlul blogului, descrierea și toate opțiunile disponibile în tema curentă. Selectează „Explorează temele” dacă dorești să treci la altă temă. Observă opțiunea „Adaugă pagină” pe care o poți folosi pentru a crea pagini statice și linkuri alături de articolele blogului. Linkul „Opțiuni avansate” îți permite să setezi numărul de postări afișate pe pagină, să forțezi linkurile să se deschidă în fereastră nouă și să activezi vizualizarea mobilă implicită a Tumblr pentru blogul tău.

Opțiuni Integrate în Tema

Autorii de temă pot include un set de opțiuni integrate în temele lor – asta înseamnă că poți schimba culorile, fonturile și alte variabile fără a modifica codul real al temei. Opțiunile listate în partea stângă a ecranului de personalizare au fost furnizate de autor. Acestea variază de la temă la temă, dar pot include culori și dimensiuni de font, imagini de fundal și antet, opțiuni de bară laterală și layout, scroll infinit, afișarea etichetelor și notelor și opțiuni de widget. În plus, pot exista câmpuri pentru introducerea codurilor de utilizator pentru Google Analytics, Typekit, Instagram, Twitter și alte servicii terțe.

Adăugarea de CSS Personalizat

Temele Tumblr utilizează CSS pentru a seta stilul textului corpului, a imaginilor și a antetelor de pe site. Acestea funcționează în același mod ca foile de stil din un procesor de text, permițând utilizatorului să creeze un set uniform de formate de font aplicate pe tot site-ul. Apasă „Editează HTML” pe ecranul de personalizare pentru a studia HTML-ul existent al temei: CSS-ul ar trebui să fie fie încorporat în HTML, fie să existe un link către un fișier .css găzduit în altă parte pe Tumblr. Folosește secțiunea „Adaugă CSS personalizat” din pagina Opțiuni avansate pentru a introduce propriul cod CSS dacă dorești să suprascrii foaia de stil implicită a temei.

Editează HTML-ul Temă

Pe lângă adăugarea CSS personalizat, poți edita și direct HTML-ul temei prin linkul „Editează HTML” de pe ecranul de personalizare. Codul HTML este folosit în mod tipic pentru a defini layout-ul și structura paginii, controlând elementele afișate și poziționarea acestora; codul CSS se concentrează mai mult pe aspect și stilul textului, marginilor și imaginilor. Dacă editezi HTML-ul direct, Tumblr dezactivează funcția de actualizare automată a temei pentru a păstra modificările – asta înseamnă că, dacă în viitor se lansează o actualizare a temei, va trebui să o instalezi manual (și apoi să reaplici modificările HTML).

Întrebări Frecvente

Codul CSS și HTML exact pe care îl trebuie să îl modifici depinde de modul în care autorul a scris tema. Dezvoltatorii web folosesc structuri diferite de HTML și CSS, dar dacă îți acorzi timp să analizezi codul existent, ar trebui să poți vedea cum au fost aplicate culorile și stilurile. Dacă ai nevoie de o cursă de bază privind modificările pe care le poți face în HTML și CSS, există numeroase tutoriale online pe site-uri precum W3Schools, Webmonkey și HTMLDog. De asemenea, poți accesa resursele relevante din Centrul de ajutor Tumblr sau poți contacta direct autorul temei pentru sfaturi.