El WordPress nos ofrece varios niveles de uso de imágenes.

Tenemos la opción sencilla & intuitiva – trabajando desde el mismo escritorio de nuestra web, podemos añadir, quitar & ordenar imágenes, ademas en los ajustes —>media podemos determinar las proporciones de las imágenes que subimos a la web, vienen 3 tamaños predeterminados y los podemos cambiar desde esta sección del escritorio.

Ahora bien – que podemos hacer cuando nuestro diseño requiere mas de tres definiciones de tamaño de imágenes, justo para esto existe el archivo functions.php aqui es donde podemos en una forma sencilla añadir mas tamaños de imagenes, primero tenemos que asegurar que en nuestro functions.phpdel tema padre aparece el

add_theme_support( ‘post-thumbnails’ ); 

Esta funcion añade la posibilidad de tener varios & distintos tamaños de imagen en el tema.

Ahora el unico que nos queda es abrir el functions.php de nuestro tema hijo & insertar esta lines –

add_image_size( ‘nombre-nuevo-de-imagen’, x, y, true); 


Dentro de las paréntesis va entre genitivos sajones (apostrofe:-)), el nombre nuevo que añadimos a esta tamaño de image & después va el ancho & el alto de la imagen & podemos añadir tambien el true para que el WordPress nos recorte estas imágenes al tamaño deseado. (aquí tenéis el vinculo a las demás posibilidades de esta función – http://codex.wordpress.org/Function_Reference/add_image_size)

Ahora para añadir esta nuevas variaciones de imágenes entramos por ejemplo en el content.php (en el caso que se trata de hijo de twentyeleven), buscamos por ejemplo el is_search() & añadimos a nuestros resultados de busqueda las imágenes destacadas de cada entrada (por supuesto – tenemos que asignar en el escritorio imágenes destacadas a nuestras entradas), esto lo hacemos así –

<?php the_post_thumbnail(‘nombre-nuevo-de-imagen‘)?>

Si queremos ofrecer a nuestros usuarios una experiencia mas cómoda podemos envolver esta etiqueta en esta forama –

<div id=”destacada”>
href=”” title=”” rel=”bookmark”>
<!–?php the_post_thumbnail('small‘)?>–>
</a>

Ahora tiene su propio DIV (“destacada”) & un vinculo directo a la entrada, usando a la estructura del the_permalink()

& ahora a trabajar🙂

Amit