Cómo personalizar un tema de Tumblr existente

Tu tema de Tumblr establece la apariencia y el formato de todo el contenido de tu blog, desde el tamaño de las imágenes hasta el estilo de las fuentes. Puede modificar cualquier tema de Tumblr, ya sea gratuito o premium, visitando la pantalla de personalización. Algunos conocimientos de HTML (lenguaje de marcado de hipertexto) y CSS (hojas de estilo en cascada) son útiles, pero puede realizar ediciones básicas incluso si no está familiarizado con la codificación de sitios web.

La pantalla de personalización

Haga clic en el enlace "Personalizar" para ingresar a la pantalla de personalización, que le permite cambiar el título de su blog, su descripción y todas las opciones disponibles en su tema actual. Seleccione "Examinar temas" si desea cambiar a un tema diferente. Tenga en cuenta la opción "Agregar una página" que puede utilizar para crear páginas estáticas y enlaces junto a las publicaciones de su blog. El enlace "Opciones avanzadas" te permite establecer el número de publicaciones que se muestran en cada pantalla, forzar la apertura de enlaces en una nueva ventana y activar la vista móvil predeterminada de Tumblr para tu blog.

Opciones de tema integradas

Los autores de temas pueden incluir un conjunto de opciones integradas en sus temas; esto significa que puede cambiar colores, fuentes y otras variables sin cambiar el código real del tema en sí. El autor ha proporcionado las opciones enumeradas a la izquierda de la pantalla de personalización. Estos varían de un tema a otro, pero pueden cubrir colores y tamaños de fuente, imágenes de fondo y de encabezado, opciones de barra lateral y diseño, desplazamiento infinito, visualización de etiquetas y notas y opciones de widgets. Además, puede haber campos para que ingrese códigos de nombre de usuario para Google Analytics, Typekit, Instagram, Twitter y otros servicios de terceros.

Agregar CSS personalizado

Los temas de Tumblr utilizan CSS para establecer el estilo del texto del cuerpo, las imágenes y el encabezado de su sitio. Funcionan de la misma manera que las hojas de estilo en un procesador de texto, lo que permite al usuario crear un conjunto uniforme de formatos de fuente que se aplican en todo el sitio. Haga clic en "Editar HTML" en la pantalla de personalización para estudiar el HTML existente del tema: el CSS debe estar incrustado en el propio HTML o habrá un enlace a un archivo .css alojado en otro lugar de Tumblr. Use la sección Agregar CSS personalizado en la página Opciones avanzadas para ingresar su propio código CSS si desea anular la hoja de estilo predeterminada del tema.

Editar HTML del tema

Además de agregar CSS personalizado, también puede editar el HTML del tema directamente a través del enlace "Editar HTML" en la pantalla de personalización. El código HTML se utiliza normalmente para definir el diseño y la estructura de la página, controlando qué elementos se muestran y dónde se colocan; El código CSS se preocupa más por la apariencia y el estilo del texto, los bordes y las imágenes. Si edita el tema HTML directamente, Tumblr deshabilita la función de actualización automática del tema para preservar sus cambios; esto significa que si se lanza una actualización del tema en el futuro, deberá instalarla manualmente (y luego volver a aplicar su Ajustes de HTML).

Cómo puedo...?

El código CSS y HTML exacto que necesita para realizar cambios depende de la forma en que el autor haya escrito el tema. Los diferentes desarrolladores web utilizan diferentes estructuras HTML y CSS, pero si dedica algún tiempo a observar el código existente, debería poder ver la forma en que se han aplicado los colores y estilos. Si necesita una enseñanza básica sobre el tipo de ajustes de HTML y CSS que puede hacer, hay muchos tutoriales en línea en sitios como W3Schools, Webmonkey y HTMLDog. También hay recursos relevantes en el Centro de ayuda de Tumblr, y también puede comunicarse directamente con el autor del tema para obtener sugerencias.