¿Cómo escalar las imágenes en miniatura / imagen destacada?

2

¿Hay alguna manera de ampliar las miniaturas de las publicaciones en Wordpress?

En un div destacado, quiero una miniatura de publicación / imagen destacada con 584 × 348 px . Cuando subo una imagen más pequeña como imagen destacada en una publicación, no se ampliará a este tamaño. Si la imagen es de 250 × 250, aparecerá 250 × 250. Pero si uso una imagen más grande como imagen destacada en la publicación, cambiará de tamaño normalmente.

La miniatura en functions.php se configura de esta manera:

// This theme uses post thumbnails
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size(150, 150); //size of thumbs
add_image_size( 'post-thumb', 600, 380, true ); 

El div:

<div class="featured_thumb"><?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'post-thumb' ); } ?></div>

Y la clase:

.featured_thumb {background:#0C6; width:584px; height:350px; overflow:hidden;}

¿Puede alguien ayudarme a averiguar cómo hacerlo, por favor? Pensé en usar Timthumb pero he visto muchas quejas sobre la seguridad. No estoy muy seguro de ello ... De todos modos, con la esperanza de que alguien pueda ayudarme.

    
pregunta Otavio Vidal 23.03.2013 - 19:21

2 respuestas

4

Como el generador de miniaturas de WordPress no hace este "aumento de escala", puedes hacerlo usando la siguiente regla de CSS:

.featured_thumb img{ width:100%; height: 100%; }

Espero que ayude.

    
respondido por el Hasin Hayder 23.03.2013 - 19:28
0

Si subes una imagen de dimensión pequeña y quieres esa imagen en dimensiones más grandes, la imagen se verá borrosa.

Por lo tanto, suba la imagen de máxima dimensión y amplíela a una dimensión pequeña para que la imagen no se vea borrosa.

    
respondido por el dipali 23.03.2013 - 19:36

Lea otras preguntas en las etiquetas