Feliz Navidad 2011

El Mejor Regalo de Navidad es una sonrisa.. X eso Aqui esta la Mia !!!

Feliz Navidad para todos nuestros Fans, Amigos, Clientes y todos los seres que aman.

get_thumbnail wordpress o imagen destacada wordpress

Dic 9, 2011   //   by Diseño Web Roger Soto   //   Programacion  //  9 Comments

Seguramente que muchos cuando estan desarrollando un theme para wordpress se han encontrado con esta funcion, que usan algunos themas de pago, para hacer la presentacion de las imagenes destacadas en alguna parte de la entrada o de una pagina, bueno el problema pasa que al ser una funcion de los desarrolladores de los themas, no tiene documentacion, y tampoco esta sujeta a versiones ni compatibilidades. En Resumen

get_thumbnail get_the_post_thumbnail

Asi que lo mas recomedable es usar get_the_post_thumbnail, pero si solo queremos mostrar la imagen destacada en la entrada podemos usar the_post_thumbnail que es mas simple y rapida.

Y se usa asi:

<?php the_post_thumbnail( $size, $attr ); ?>

donde $size = tamaño del thumbnail que puede ser

  • thumbnail = Por Defecto 150px x 150px max
  • medium = Por Defecto 300px x 300px max
  • large = Por Defecto 640px x 640px max
  • full = Tamaño Original

y $attr es una array con atributos para mostrar en la imagen
por ejemplo si queremos modificar los atributos de “alt”, “title” usariamos el siguiente codigo :

<?php  $default_attr = array('alt'	=> 'texto para mostrar en Alt',
			'title'	=> 'texto para mostrar en Title',
		);
the_post_thumbnail('thumbnail', $default_attr);
?>

Por ejemplo en esta entrada que se desarrollo para la Fabrica de juegos infantiles el trencito se uso esta linea de codigo para mostrar la imagen en forma centrada y en el tamaño original que fue subida.

<?php  if ( has_post_thumbnail() ) { // Verifica que haya un thumbnail (imagen destacada) asignada a ala entrada.
the_post_thumbnail('full', array('class' =--> 'aligncenter sombrax'));
}?>

Puedes copiar y pegar este codigo en tu archivo single.php despues de la etiqueta entry o postitem o la que usen para marcar el inicio de la entrada.

9 Comentarios

  • Muy buen artículo, me vino de 10 para un proyecto. Gracias! 😉

  • Buen aporte, por otro lado quisiera poder ampliar la imagen destacada a su tamaño ‘large’, será posible ? Gracias y saludos.

    • Hola Paco.
      < ?php $default_attr = array('alt' => ‘texto para mostrar en Alt’,
      ‘title’ => ‘texto para mostrar en Title’,
      );
      the_post_thumbnail(‘large ‘, $default_attr);
      ?>

      • Saludos gracias por la información, nose si me podrias orientar como utilizo el codigo pero con medidas exactas

        width=”130″ height=”200″

        y como podria colocar un link en las imagenes

        <a href="”>

        estoy un poco desorientado con esto ya que este codigo me vino perfecto para la imagen destacada del post pero quiero personalizar el index y me sale la imagen un poco cuadrada y quisiera de esa medida, gracias de ante mano

        • seria algo asi:

          <?php
           if ( has_post_thumbnail() ) { 
          echo '<a href="' . get_permalink($post- rel="nofollow">ID) . '">';
          the_post_thumbnail('full');
          echo '</a>';
          }?>
          
  • […] get_thumbnail wordpress o imagen destacada wordpress […]

  • Amigo quiero dejar la imagen destacada solo para el home, pero en los post se repite. He intentado tu procedimiento pero no sé si esté haciendo algo mal.

  • Excelente información, Gracias!!

  • Gracias, ya lo estoy implementando. Saludos

Que opinas de esto?

Publicidad

Siguenos en Facebook

Siguenos en Google+

Youtube