Tutorial: Obtener Thumbnail de Posts con Imágenes en PHP

  • Autor Autor codigoadicto
  • Fecha de inicio Fecha de inicio
C

codigoadicto

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Este código muestra como obtener el Thumbnail de un post o varios post como en este caso, siempre y cuando el post cuente con alguna imagen.

PHP: 
//obtengo primero los post en este caso todos
<?php query_posts( 'posts_per_page=-1' ); ?>
//el loop
<?php while (have_posts()) : the_post(); ?>
 
     //obteniendo el thumbnail del post pasandole una dimension especifica
     <?php the_post_thumbnail( array(100,100) ); ?>
     //obteniendo el enlace permanente y el titulo
     <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
 
<?php endwhile; ?>

Otro tipos de formatos que soporta la función the_post_thumbnail()

PHP: 
the_post_thumbnail('thumbnail');       // Thumbnail (default 150px x 150px max)
the_post_thumbnail('medium');          // Medium resolution (default 300px x 300px max)
the_post_thumbnail('large');           // Large resolution (default 640px x 640px max)
the_post_thumbnail('full');            // Full resolution (original size uploaded)

Quien quiera documentarse mas, puede hacer Function_Reference/the_post_thumbnail. Puedes pasar por mi blog y ver mas fragmentos de códigos, saludos.
 
He agregado el tutorial al listado, buen aporte.
 
Gracias!! Lo necesitaba 🙂
 
Gracias por el aporte, voy a probarlo..
 
Gracias, excelente aporte!!!!
 
Gracias compañero!
 
Buen aporte se agradece colega 🙂
 
codigoadicto dijo:
Este código muestra como obtener el Thumbnail de un post o varios post como en este caso, siempre y cuando el post cuente con alguna imagen.

PHP: 
//obtengo primero los post en este caso todos
<?php query_posts( 'posts_per_page=-1' ); ?>
//el loop
<?php while (have_posts()) : the_post(); ?>
 
     //obteniendo el thumbnail del post pasandole una dimension especifica
     <?php the_post_thumbnail( array(100,100) ); ?>
     //obteniendo el enlace permanente y el titulo
     <a rel="nofollow" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
 
<?php endwhile; ?>
Hacer clic para expandir...

hagamos unas modificaciones:
PHP: 
//obtengo primero los post en este caso todos
<?php query_posts( 'posts_per_page=-1' ); ?>
//el loop
<?php while (have_posts()) : the_post(); ?>
	<a rel="nofollow" href="<?php the_permalink(); ?>"><?php
	//Verificamos si el post tiene un thumb añadido
	if(has_post_thumbnail()){
		//lo mostramos
		the_post_thumbnail( array(100,100) );
	}else{
		//sino tiene mostramos uno por defecto
		echo '<img src="'.get_template_directory_uri().'/images/xdefecto.jpg" class="attachment-post-thumbnail wp-post-image">';
	}
	?></a>
	<a rel="nofollow" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<?php endwhile; ?>
Lo que hacemos aca es verificar si el post tiene una imagen sino tiene cargamos una imagen por defecto que la colocaremos en la carpeta de nuestro theme /images/xdefecto.jpg

Saludos!

---------- Post agregado el 06-jul-2013 hora: 03:31 ----------
Niell dijo:
Y si quiero mostrar solo 4 post?
Hacer clic para expandir...

PHP: 
<?php query_posts( 'posts_per_page=-1&showposts=4' ); ?>
 
Última edición:
Muchas Gracias por el aporte, tanto a Enlace eliminado como a Enlace eliminado.
 
[MENTION=9679]cicklow[/MENTION] muchas gracias, ahora lo implementare en el sidebar hehehehehehe ojala funcione
 
Gracias, muy útil el código para desechar plugins que solo cargas mas el sitio.
 
muy bueno gracias me sirve de mucho
 
si quieren mostrar una cantidad especifica de posts cambien posts_per_page a 4, ej:
PHP: 
<?php query_posts( 'posts_per_page=4' ); ?>
, esto hará que se muestren 4 posts por paginas.
 
Muy util para los nuevos en wordpress :encouragement:
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba