Necesito crear vista previa de post pero por cadas categoría

[WebSalvador]

Hola muchas gracias por dar atención a mi pregunta, deseo crear un catalogo virtual (no carrito de compras) con categorías como por ejemplo: mangueras, rodajes, focos, etc. Entonces mi idea es crear los productos como post y darle la categoría correspondiente. Como siguiente paso crear por cada categoría un template donde solo se muestre los post de esa categoría en vista previa.

Esta página al parecer lo hizo así http://www.comercialid.com/ como yo lo quiero, ellos mismos dicen que lo han hecho en wordpress.

Mi código sería algo como esto:

Código PHP:

  <?php
/*
Template Name: Categoría Mangueras
*/
?>
<?php get_header(); ?>
 
 
<h1>Categoría Mangueras</h1>
 
<?php
    $temp = $wp_query;
    $wp_query = null;
    $wp_query = new WP_Query();
    $wp_query->query('posts_per_page=20'.'&paged='.$paged);             
    while ($wp_query->have_posts()) : $wp_query->the_post();
?>
 
<h2 class="nombre-producto"><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h2>
 
<div class="content">
<?php the_excerpt(); ?>
</div>
 
<?php endwhile; ?>
 
<?php wp_pagenavi(); ?>
 
<?php get_footer(); ?>   

En donde debería cambia esta línea: <?php the_excerpt(); ?> que no se como se puede mostrar la primera foto del post

y que me filtre solo los post de la categoría "Mangera" no que me muestre todos los post

Les agradeceré mucho su ayuda, muchas gracias de antemano.

[DoctorHTML]

Eso se hace con la imagen destacada y para mostrarla seria el siguiente codigo :

Código PHP:

<?php echo get_the_post_thumbnail($page->ID, 'thumbnail'); ?>
 

Eso seria para mostrar la miniatura de la imagen destacada, para los diferentes tamaños tendrias que substituir 'thumbnail' por:

Código PHP:

get_the_post_thumbnail($id, 'thumbnail');     // Miniatura
get_the_post_thumbnail($id, 'medium');        // Resolución media
get_the_post_thumbnail($id, 'large');         // Resolución grande
get_the_post_thumbnail($id, 'full');          // Resolución original
 

y para la categoría antes del loop pones la siguiente query:

Código PHP:

query_posts('category_name=Categoria'); //Solo los de las categoria (Categoria)
 

Saludos

[WebSalvador]

Gracias DoctorHTML por tu respuesta gracias, excelente con esto lo hago, parece que me sugieres algo como lo siguiente:

Código PHP:

  <?php /* Template Name: Categoría Mangueras */ ?> 
<?php get_header(); ?> 

<h1>Categoría Mangueras</h1> 

<?php query_posts("category_name=Mangueras"); ?>
    <?php 
        $temp = $wp_query; 
        $wp_query = null; 
        $wp_query = new WP_Query(); 
        $wp_query->query('posts_per_page=20'.'&paged='.$paged);              
        while ($wp_query->have_posts()) : $wp_query->the_post(); 
    ?> 
    
    <div class="content"> 
        <?php echo get_the_post_thumbnail($page->ID, 'thumbnail'); ?>
        <div class="nombre-producto"><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></div>
    </div> 
    
    <?php endwhile; ?> 

<?php wp_pagenavi(); ?> 

<?php get_footer(); ?>   

Pero donde no se como cerrar esta instrucción " <?php query_posts("cat=Mangueras"); ?> " porfa una manito te agradeceré mucho

[DoctorHTML]

No hace falta cerrar la instrucción, es como la que tienes para mostrar 20 post por página, solo la tienes que poner delante del loop.

¡Un saludo!

[zanguanga]

crear por cada categoría un template donde solo se muestre los post de esa categoría en vista previa

Si he entendido bien y todas las categorías van a usar la misma maqueta (template) no necesitas crear un archivo php por categoría, basta con crear (o modificar, si existe) a tu gusto el template category.php. El sistema ya selecciona los posts de la categoría que elijas. Solo has de ponerlas en el menú.

[WebSalvador]

Hola Zanguanga creo que lo que me mencionas es como lo hace Comercialid en este caso http://www.comercialid.com/categoria/led-bombillas/ solo ha cambiado el category.php voy a probar con esto, muchas gracias Zanguanga y gracias DoctorHTML por el código de 'thumbnail' ahora si a construir mi catalogo virtual.