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' ); ?>


Recomendado

Hosting Web de calidad y administrado con Evalice

Únete a la conversación

16 comentarios

    1. Hola Luis, puedes poner el código que estás usando para ver donde puede estar el error. Saludos y gracias por tu visita.

    1. Se muestran ordenados de primero al último por la categoría que tu le marques. ¿Tienes alguna otra duda Gabriel?

  1. Para ponerlo en un post de wordpress, necesito crear anteriormente un shortcode, el cual lo tengo creado e intente muchas formas de colocarle el código, primero lo cree yo luego entre en este sitio y lo copie, viendo que le funcionaba a mucha gente pero lamentablemente se sigue rompiendo todo.

    Muchas gracias.

  2. He colocado el codigo en el archivo de la pagina principal, pero no se muestra nada… he puesto el codigo que has publicado en este artículo. (Si he cambiado la categoria).

    1. Lo tienes que poner en el sitio que quieras que aparezcan las entradas. Por ejemplo en el index.php.

  3. Hola, soy bastante nueva en esto, por ahi mi pregunta es una pavada.. cómo se cual es el codigo de categoria? donde puedo verlo?
    despues solamte pego esa linea en el editor de la pagina y ya deberia mostrarme las entradas de esa categoria? Gracias!!!

    1. Hola Agustina. En la sección de categorías cuando haces click en una de ellas verás que en la barra del navegador hay una URL larga, tienes que identificar donde pone “taxonomy=category&tag_ID=35” el 35 será el código de la categoría.

      El ejemplo tienes que pegarlo en alguna página de tu plantilla WordPress en el editor de páginas o entradas probablemente no te funcione.

      Un saludo!

  4. tengo la pagina dond quiero que vayan las entradas por una categoria dada pero donde coloco ese codigo ?

  5. como hago para incluir esto en una pagina especifica por ejemplo creo una pagina servicios y muestro ahí solo la categoría servicios

Deja un comentario

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.