Date: Thu, 23 May 2013 16:32:33 +0200
Quote:
- Eliseos.Net
Recrear la funcion body class(); de WordPress en Tumblr
http://feedproxy.google.com/~r/EliseosNet/~3/vVKf4QBl5DM/
Text:
Una de las funciones que realmente amo de WordPress es body_class(); que nos añade un serie de clase utilices para poder personalizar nuestro sitio con CSS. Lamentablemente esta función no esta presente en Tumblr. El día hoy tenia un cliente que necesitaba tener una imagen de fondo distinta según el tipo de post en que se encuentre.
Por lo que decidí recrear el body_class(); de WordPress con las variables que Tumblr nos proporciona.
Para ello, abrí tu Theme y reemplazar el tag <html> con lo siguiente:
<html lang="en" class="{block:IndexPage}home {/block:IndexPage}{block:PermalinkPage}{block:Posts}regular-post {/block:Posts}{block:Posts}{PostType} {/block:Posts}{block:Posts}p_{PostId} {/block:Posts}{/block:PermalinkPage}{block:SearchPage}search-result {/block:SearchPage}">Esta función ahora te arrojara un con la siguientes clases:
.home {} // En el home, pagans y paginacion .regular-post {} // Para todos los post (video, audio ….) .audio {} // Para Audio post .answer {} // Para Answer post .link {} //Para Link post .quote {} // Para Quote post .video {} // Para Video post .chat {} // Para Chat post .p_ID {} // Para el single post unico Ej: p_1304832370 .search-result {} // Para la pagina de resultados de busqueda
Ahora tenes total control sobre tu Tumblr Blog, por ejemplo podrías proporcionar un color de fondo distinto para el ID #right según el post en que te encuentres:
.audio #right {background-color: red} .answer #right {background-color: blue} .link #right {background-color: white} .quote #right {background-color: black} .video #right {background-color: yellow} .chat #right {background-color: green}
Bastante simple no?
Via FeedShow.com