Hace bastante que no escribía, sobre todo por falta de tiempo, pero quería escribir sobre este pequeño truco de WordPress. Cuando añadimos una imagen destacada en un post de WordPress nos podemos encontrar con que la imagen ocupa todo el ancho (lo más normal) o que no ocupa tanto, con lo que nos encontramos que la imagen queda muy sola y el diseño queda feo.
Para solucionar esto, deberemos añadir un filtro, comprobar el tamaño de la imagen y el del ancho del contenido y en el caso de que creamos que es conveniente (por ejemplo la mitad del ancho del contenido) añadir una clase a la imagen:
function mi_post_thumbnail_html($html) {
// Se suele recomendar definir la variable $content_width para ocasiones como esta
global $content_width;
preg_match('#width="([^"]+)"#', $html, $s);
if (isset($s[1]) && $s[1] < $content_width/2) {
preg_match('#class="([^"]+)"#', $html, $c);
if (isset($c[1]) && strpos($c[1], "right") === FALSE) {
return str_replace('class="'.$c[1].'"', 'class="'.$c[1].' right"', $html);
}
}
return $html;
}
add_filter('post_thumbnail_html', 'mi_post_thumbnail_html');
Asà es, la clase de carro de compra te puede salvar en algún apuro donde se necesite implementar una tienda online sin necesidad de utilizar alguna de las avanzadas tiendas online disponibles en la web.
Saludos!
Hola Julian, interesante el blog que tienes 🙂
Saludos
TodavÃa no tuve que hacer ningún carrito desde que salió esta clase, pero me guardo este tutorial para cuando llegue el momento 🙂