Cómo editar su tema con HTML en Tumblr

Tumblr admite la personalización completa para cualquier tema gratuito que elija, así como temas totalmente personalizados para su blog de Tumblr. Los temas de Tumblr están creados por una variedad de desarrolladores diferentes, muchos de ellos usuarios de Tumblr; como tal, el diseño y la distribución del código varía drásticamente entre los temas, con solo elementos clave en común. Si bien la experimentación es un medio eficaz de aprender los entresijos de un sistema, es mejor tener algo de base en los temas antes de editar el tuyo. Tumblr ofrece una página completa de documentación sobre temas y variables personalizados.

1

Abra su página de personalización de Tumblr en Tumblr.com/customize; También puede hacer clic en su nombre de usuario en la parte superior de su panel de Tumblr y luego hacer clic en "Personalizar apariencia" en la barra lateral.

2

Haga clic en el botón "Tema". La pantalla predeterminada es la pantalla de selección de tema. Elija un tema que se sienta cómodo editando, si aún no tiene uno seleccionado. Una vez seleccionado, haga clic en "Usar HTML personalizado" en la parte inferior del menú Tema.

3

Mire el código para tener una idea de cómo el desarrollador creó originalmente el tema. Los temas utilizan una mezcla de código, incluidos HTML, CSS y Javascript. Los temas de Tumblr utilizan un conjunto estándar de bloques para definir las áreas de código que se aplican a las diferentes publicaciones y secciones del blog. Por ejemplo, la sección que define las publicaciones de audio comenzará con "{block: Audio}" y terminará con "{/ block: audio}" y la sección de publicaciones con citas comenzará con {block: Quote} y finalizará "{/ block: Quote } ", lo que facilita la búsqueda de secciones y tipos de publicaciones individuales. Si está buscando un elemento específico, la función "buscar" de su navegador debería poder encontrar palabras dentro del HTML del tema.

4

Inserte cualquier HTML personalizado que desee. Si desea crear una nueva hoja de estilo para su tema, debe insertarla en algún lugar entre las etiquetas de apertura y cierre del encabezado del documento. Una hoja de estilo tiene el formato

Puede incluir tantos elementos dentro de su hoja de estilo como necesite. Cualquier elemento se puede modificar mediante CSS. Por ejemplo, si quisiera establecer algo modificado con la etiqueta H2 como 22 píxeles de alto y gris oscuro, la hoja de estilo incluiría este bloque:

h2 {tamaño de fuente: 22px; color: # A8A8A8;}

5

Agregue cualquier estilo a elementos HTML individuales usando la etiqueta "estilo". Por ejemplo, si desea cambiar las comillas en su página para que tengan una sombra de texto gris claro, debe buscar el HTML que modifica su cita y agregarlo dentro de los corchetes de la etiqueta HTML. Cualquier CSS agregado de esta manera funciona además de la hoja de estilo de su página.

6

Haga clic en "Actualizar vista previa" para ver los cambios en su blog de Tumblr en la vista previa sin guardar ningún cambio. Cuando finalmente haya realizado los cambios deseados en su blog de Tumblr y esté listo para realizarlos, haga clic en "Guardar".