Guies

Com editar el vostre tema amb HTML a Tumblr

Tumblr admet la personalització completa de qualsevol tema gratuït que trieu, així com temes totalment personalitzats per al vostre bloc de Tumblr. Els temes de Tumblr són creats per diversos desenvolupadors diferents, molts d’ells usuaris de Tumblr; com a tal, el disseny i el disseny del codi varien dràsticament entre temes, amb només elements clau en comú. Tot i que experimentar és un mitjà eficaç per aprendre els coneixements i les entrades d’un sistema, és millor tenir una certa base en els temes abans d’editar els vostres. Tumblr ofereix una pàgina completa de documentació sobre temes i variables personalitzats.

1

Obriu la pàgina de personalització de Tumblr a Tumblr.com/customize; també podeu fer clic al vostre nom d'usuari a la part superior del tauler de Tumblr i, a continuació, fer clic a "Personalitza l'aspecte" a la barra lateral.

2

Feu clic al botó "Tema". La pantalla predeterminada és la pantalla de selecció de temes. Trieu un tema que vulgueu editar si no el teniu seleccionat. Un cop seleccionat, feu clic a "Utilitza HTML personalitzat" a la part inferior del menú Tema.

3

Consulteu el codi per obtenir una idea de com el desenvolupador va crear originalment el tema. Els temes utilitzen una barreja de codi, inclosos HTML, CSS i Javascript. Els temes de Tumblr utilitzen un conjunt de blocs estàndard per definir les àrees de codi que s’apliquen a les diferents publicacions i seccions del bloc. Per exemple, la secció que defineix les publicacions d'àudio començarà "{block: Audio}" i acabarà amb "{/ block: audio}" i la secció per a publicacions de pressupost començaria {block: Quote} i acabaria "{/ block: Quote } "facilitant la cerca de seccions i tipus de publicacions individuals. Si cerqueu un element específic, la funció de cerca del navegador hauria de poder trobar paraules dins del tema HTML.

4

Inseriu qualsevol HTML personalitzat que vulgueu. Si voleu crear un nou full d'estil per al tema, l'inseríeu en algun lloc entre les etiquetes d'obertura i de tancament del capçal del document. Un full d'estil té el format següent:

Podeu incloure tants elements al full d'estil com necessiteu. Qualsevol element es pot modificar mitjançant CSS. Per exemple, si voleu configurar qualsevol cosa modificada amb l'etiqueta H2 com a 22 píxels d'alçada i gris fosc, el full d'estils inclourà aquest bloc:

h2 {font-size: 22px; color: # A8A8A8;}

5

Afegiu qualsevol estil a elements HTML individuals mitjançant l'etiqueta "estil". Com a exemple, si voleu canviar les cometes a la vostra pàgina per tenir una ombra de text de color gris clar, trobareu l'HTML que modifica la vostra cita i afegiu-lo dins dels claudàtors de l'etiqueta HTML. Qualsevol CSS afegit d'aquesta manera funciona a més del full d'estil de la vostra pàgina.

6

Feu clic a "Actualitza la previsualització" per veure els canvis al vostre bloc de Tumblr a la previsualització sense desar cap canvi. Quan hàgiu fet els canvis desitjats al vostre bloc de Tumblr i estigueu a punt per fer-los, feu clic a "Desa".

$config[zx-auto] not found$config[zx-overlay] not found