Añadir clase a la imagen destacada de WordPress según el tamaño
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');
La idea es muy buena, el trabajo que debe llevar es bastante. Se trata de video-tutoriales sobre PHP, que nos van explicando desde como instalar WAMP a las partes básicas del PHP.
