lunes, 16 de septiembre de 2013

Wordpress quitar tamaño fijo a las imagenes

Las imágenes de Wordpress se muestran con un tamaño fijo si no incluímos una función que lo evite.

En este ejemplo puede ver como Wordpress muestra las imágenes con tamaño fijo:

<img class="attachment-post-thumbnail wp-post-image nailthumb-image" alt="" src="" width="200" height="200">

El width y height fijo de las imágenes hace que un diseño responsive no funcione correctamente debido a que éstas permanecen con el mismo tamaño a pesar del tamaño de la pantalla.

Para evitar esto, debemos incluir la siguiente función en el archivo functions.php de nuestro theme:

//remove images size
function remove_dimensions( $html, $post_id, $post_image_id ) {
    $html = preg_replace( '/(width|height)=\"\d*\"\s/', "", $html );
    return $html;
}

add_filter( 'post_thumbnail_html', 'remove_dimensions', 10, 3 );

Es muy sencillo, al incluirla verás que las imágenes ya no tendran un ancho y altura fijo, permitiendo que el css defina su tamaño.


No hay comentarios:

Publicar un comentario