Crearea unei teme HTML personalizat, Tumblr

Sfaturi pentru profesioniști

Inscrie-te

1. Dați clic pe numele blog-ul dvs. în partea de sus a benzii, sau selectați blog, făcând clic pe pictograma din aceeași listă.
2. În panoul din dreapta, faceți clic pe „Modificare Tema“.
3. Faceți clic pe „Edit HTML“ sub pictograma Subiecte din stânga.

În Tumblr acceptă două tipuri de operațiuni speciale pentru afișarea conținutului stabilite în codul HTML.

Variabilele sunt folosite pentru introducerea de date dinamic (de exemplu, nume și descrieri ale blogului).

Blocurile sunt utilizate pentru a afișa un fragment HTML-cod care corespunde setului de date (de exemplu, posturi), sau fragmentele HTML-cod cu o anumită condiție (ca și în cazul legăturii „Pagina anterioară“).

Aici este un exemplu de marcaj temă completă:

Principalele variabile

Lista de etichete posta, care este compatibil cu atributul clasă în codul HTML.

Exemplu: „birou nizhniy_novgorod“

Vorbind despre compatibilitatea cu atributul de clasă în codul HTML, înțelegem că eticheta corespunde caracteristicilor atributului HTML-clasa. Ca o regulă, trebuie să înceapă cu o literă și să conțină litere, cifre, cratime și caractere de subliniere. Trebuie să utilizați caractere englezești, ca și alte caractere poate conduce la un cod de eroare.

Pentru posturi care au fost importate din alte site-uri, astfel cum sunt specificate versiunea compatibilă HTML a domeniului original (punctul din domeniu sunt înlocuite cu o subliniere).

Exemplu: "TWITTER_COM", "digg_com"

În cazul în care postul - reblogged adăugat automat la atributul clasa „Reblog“.

De exemplu, semnătura cincea poartă! Acesta va fi afișat numai în al cincilea post.

Afișate pentru toate pozițiile impare de pe pagina curentă.

optiuni subiect

Activarea culori personalizate

Dacă adăugați „culoare“ temă meta tag-uri specifice, utilizatorii pot comuta cu ușurință între culorile folosite pe pagina de setări.

Puteți specifica, de asemenea, că valorile parametrilor. implicite sau valori ale parametrilor totale clearance-ul moștenit. în cazul în care utilizatorul selectează manual o culoare diferită.

Activarea fonturilor personalizate

Dacă adăugați „font“ subiect meta tag-uri specifice, utilizatorii pot schimba cu ușurință fontul utilizat pe pagina de setări.

Puteți specifica, de asemenea, că valoarea implicită a parametrului valoarea „Fontul titlului“ din clearance-ul total moștenit. în cazul în care utilizatorul nu selectează manual un alt font.

Activarea valorilor logice

Dacă adăugăm la acest subiect meta tag-uri specifice „dacă“, utilizatorii vor putea să includă cu ușurință opțiunile pe care le specificați. Acest lucru este util pentru a afișa sau a ascunde diferite widget-uri și elemente de design.

Includerea listelor derulante

Dacă adăugăm la acest subiect meta tag-uri specifice „selectați“, utilizatorii vor avea mai multe opțiuni pentru înregistrarea de articole pentru a alege.

Activarea text personalizat

Dacă adăugăm la acest subiect specific meta tag-uri „text“, utilizatorii pot personaliza cu ușurință variabilele de text setate. Este convenabil să se adapteze textul sau widget-urile care solicită informații de la utilizator.

Activarea imagini personalizate

Dacă adăugăm la acest subiect meta tag-uri specifice „imagine“, utilizatorii vor putea insera cu ușurință imagini personalizate fără a edita tema. Dacă imaginea nu este specificat, imaginile variabile (de exemplu) vor reveni transparente pătrat pixeli 1x1.

Puteți specifica, de asemenea, că setarea implicită valoarea „antet de imagine“ de design comun moștenit. până când utilizatorul va încărca o altă imagine.

Activarea CSS personalizat

Dacă adăugați o etichetă la sfârșitul unui bloc de fire de stil CSS, utilizatorii cărora le-ați acordat accesul la subiectul său, va fi capabil de a schimba design-ul fără să editezi aspectul.