Blog personal de Helmer Galvis

Mostrar entradas de una categoría en WordPress

Artículo publicado el Miércoles, Junio 26, 2013. Guardado en la categoría: Wordpress

Después de muchos días vuelvo a mi humilde blog, que está totalmente abandonado…

En esta ocasión voy a crear un listado para posicionar elementos de una forma horizontal, algo muy sencillo con HTML y CSS pero que en alguna red social alguien preguntaba cómo hacerlo y además integrando entradas de WordPress.

Lo primero es saber lo que se quiere
Mostrar los tres últimos post de una categoría especifica en algún sitio de nuestra web o blog. Con la imagen destacada, el titulo y un poco de texto del contenido.

¿Como lo hacemos?
Vamos a hacer la prueba solo con HTML y CSS para después incluir el código del loop de WordPress que nos mostrará las entradas.
A continuación puedes ver solo lo que necesitas de HTML y como es el resultado.

Check out this Pen!

¿Y para WordPress?
Solo debemos cambiar el código de nuestra lista, de tal forma que la parte de HTML quedaría así:


<ul>

<?php $the_query = new WP_Query( 'cat=0&showposts=3' ); ?>
<?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>

<li>

<a href="<?php the_permalink(); ?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail( '' ); } ?></a>
<h3><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>
<p><?php the_excerpt(); ?></p>

</li>

<?php endwhile;?>

</ul>

Debemos tener en cuenta la primera línea del PHP, la que hace la llamada a los posts. Donde “cat=0” el cero corresponde a la categoría que quremos mostrar y “showposts=3” donde el tres es el número de entradas que queremos mostrar.

<?php $the_query = new WP_Query( 'cat=0&showposts=3' ); ?>