Cum să creezi o temă Tumblr în Dreamweaver

Cum să creezi o temă Tumblr în Dreamweaver

O temă Tumblr definește aspectul blogului tău, de la culori la imagini. Poți crea o temă personalizată folosind Dreamweaver, editând codul CSS existent și înlocuind elementele grafice.

Pasul 1 – Încarcă imaginile statice

Conectează-te la contul tău Tumblr și accesează Upload a Static File. Apasă Choose File, selectează fișierele pe care vrei să le folosești în temă și urmează instrucțiunile. După încărcare, copiază URL-urile generate.

Pasul 2 – Obține codul HTML al temei

În bara de meniu a blogului, apasă pe titlul blogului, apoi pe Customize Appearance și, în partea dreaptă, pe Edit HTML. Copiază întregul cod care apare în fereastra de editare.

Pasul 3 – Creează un fișier nou în Dreamweaver

Deschide Dreamweaver și alege File → New. În fereastra de creare, selectează Blank Page și asigură-te că sub CSS Layout este setat pe None. Apasă Create pentru a deschide pagina în spațiul de lucru.

Pasul 4 – Încarcă codul Tumblr

În meniul View, selectează Code sau Split Code pentru a vedea editorul de cod. Șterge orice conținut existent și lipește codul Tumblr copiat anterior.

Pasul 5 – Accesează stilurile CSS

Din meniul Window, alege CSS Styles și apasă All pentru a vizualiza regulile de stil curente ale temei.

Pasul 6 – Modifică proprietățile stilurilor

Dublu-click pe regula body pentru a deschide fereastra de editare. Aici poți seta culori de fundal, tipuri de font, dimensiuni și alte proprietăți. Pentru fundal, poți utiliza Background Image și să introduci URL-ul imaginii copiată la pasul 1.

Pasul 7 – Salvează și aplică tema

Salvează fișierul modificat. Copiază codul complet și lipește-l în secțiunea Customize a Tumblr pentru a actualiza tema. Dacă dorești să împărtășești designul, accesează Theme Garden și apasă Submit a Theme.

Avertizare

• Nu folosi încărcătorul static Tumblr pentru alte fișiere decât cele ale temei; utilizarea necorespunzătoare poate duce la blocarea contului.