Temas de rejilla de Tumblr gratis
Tumblr es una plataforma de microblogging que alcanzó la popularidad en 2007. En aquel momento se distinguía de otras plataformas por su capacidad de personalización. Además de poder subir fotos de perfil personales, sus potentes capacidades de back-end permitían a los usuarios construir esencialmente su sitio editando su código. Por ello, cada página de Tumblr era única e individualizada.
La plataforma también cuenta con funciones estándar de redes sociales, como la posibilidad de comentar las publicaciones y seguir a otros usuarios, y admite varios tipos de contenido. La mayoría de los blogs de Tumblr utilizan el popular diseño de estilo mampostería, incluso después de las personalizaciones, para presentar las publicaciones recientes en bloques de contenido de diferentes tamaños.
Si eres un usuario de WordPress que espera incorporar las características más populares de Tumblrs en su sitio, hay múltiples opciones de temas disponibles. Este post repasará nueve temas de alta calidad para WordPress de estilo Tumblr con las mismas características de personalización y complementos adicionales para mejorar la funcionalidad de su sitio.
Soledad es un tema único, centrado en la creatividad, que cuenta con un total de 6.886 demos que puedes utilizar para diseñar e individualizar tu sitio. Si no encuentras algo dentro de estas opciones que te guste, también puedes hacer personalizaciones con Elementor, un constructor de páginas fácil de usar de arrastrar y soltar.
Cómo hacer temas de tumblr
Por “amigable con los atributos de clase de HTML”, queremos decir que se ajusta a las especificaciones de HTML para los atributos de clase. En general, debe comenzar con una letra, seguida de letras, dígitos, guiones o guiones bajos. Las letras deben ser del alfabeto inglés, ya que los caracteres internacionales o no ingleses pueden dar resultados inesperados.
</html>Opciones del temaHabilitación de colores personalizadosAl incluir etiquetas especiales de meta-color en su tema, los usuarios pueden ajustar fácilmente esos colores utilizando la página Personalizar.También puede especificar {BackgroundColor}, {TitleColor} o {AccentColor} como valores predeterminados para heredar los valores de los parámetros de apariencia global a menos que el usuario elija otro color manualmente.Ejemplo</html>
</html>Habilitación de fuentes personalizadasIncluyendo etiquetas meta-font especiales en su tema, los usuarios pueden cambiar fácilmente esas fuentes utilizando la página Personalizar.También puede especificar {TitleFont} como valor predeterminado para heredar el valor del parámetro de apariencia global “Title font” a menos que el usuario elija otra fuente manualmente.Ejemplo<html>
</html>Habilitación de booleanosIncluyendo etiquetas meta-if especiales en tu tema, los usuarios pueden alternar fácilmente las opciones que definas. Esto es útil para mostrar u ocultar diferentes widgets o elementos de diseño.Ejemplo<html>
Temas de rejilla de Tumblr
No voy a decirte cómo estilizar los posts de una manera determinada, eso es para que experimentes con el CSS. Además, no quiero revelar la forma en que yo personalmente estilo de las cosas porque no quiero ver réplicas de mis temas. Espero que sea comprensible.
Reemplazando donde dice: “Este es el div del post” serán los posts individuales. Necesitamos hacer otro div para que a. podamos crear espacios entre posts y b. cuando pasemos a VOL IV: Post Info no tengamos que calcular márgenes, anchos, etc. El div postcol es esencialmente un contenedor de post dentro del contenedor principal. (También tendrá más sentido cuando pasemos al VOL IV).
Como el ancho del div .postcol ya es de 500px de ancho, el div .posts lo rellenará automáticamente. Por supuesto, si quieres tener posts de 400px o 250px tendrás que cambiar el ancho del div .postcol.
Las publicaciones de texto son bastante sencillas porque sólo tienes que modificar el color de la fuente, el tamaño de la fuente o los estilos de los enlaces. Es sólo saber las otras cosas que están influenciados como el blockquotes o listas de viñetas.
Cómo hacer un tumblr
Si alguna vez has mirado todos los maravillosos temas de Tumblr y te has preguntado qué se necesita para construir un tema de Tumblr desde cero, entonces este tutorial es para ti. En este post, voy a mostrarte cómo usar Bootstrap y los operadores especiales de Tumblr para crear un tema que puedas usar para tu blog de Tumblr.
Este tema de Tumblr va a tener un diseño estrecho que tendrá 550px de ancho. También va a tener una cabecera de 50px de altura y de posición fija. Añade lo siguiente a la cabecera del tema para manejar estos requisitos:
Utilizaremos la barra de navegación de Bootstrap para crear una cabecera para nuestro tema de Tumblr. Esto nos permite utilizar nuestra primera variable de Tumblr: {Title}. La variable {Title} hace referencia al título del blog. El siguiente código se añade al cuerpo del tema:
Las entradas con fotos tienen un pie de foto y una foto. Se puede acceder al pie de foto usando la variable {Caption}. El acceso a la foto es un poco más complicado. Para facilitarte el uso de tamaños de imagen consistentes en todo tu blog, Tumblr te proporciona versiones a escala de las fotos.