Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo mostrar entradas recientes de una categoría específica en WordPress

¿Desea mostrar entradas recientes de una categoría específica en su sitio WordPress? Filtrar entradas por categoría te permite mostrar entradas recientes más relevantes a tu audiencia.

Hemos aprendido que cuando se facilita a los visitantes la búsqueda del contenido que más les interesa, es más probable que se queden. Esto puede ayudar a reducir la tasa / tarifa de rebote y aumentar las páginas vistas.

En este artículo, le mostraremos diferentes formas de mostrar entradas recientes de una categoría específica en WordPress.

How to Display Recent Posts From A Specific Category In WordPress

Por qué filtrar entradas por categoría en WordPress

Mostrar entradas recientes permite a los usuarios descubrir nuevos contenidos mientras navegan por su sitio web. Esto contribuye en gran medida a aumentar el tráfico de su blog y las páginas vistas.

También puede ayudar a la optimización de su sitio para los motores de búsqueda haciendo que su contenido sea más fácil de encontrar y mejorando la interrelación entre las entradas del blog.

Para que tu lista de entradas recientes sea aún más útil, puede que quieras mostrar solo entradas relevantes para el contenido que los usuarios están viendo en ese momento.

Showing recent articles from a category to boost pageviews

Este sencillo paso puede animar a los visitantes a pasar más tiempo en su sitio, lo que incluso puede dar lugar a más suscriptores de correo electrónico y clientes.

Ahora, si desea mostrar todas sus entradas de una categoría específica en una página separada, WordPress ya se encarga de esto por usted.

Para encontrar la página de categorías, sólo tienes que ir a Entradas ” Categorías ” Ver página y enlazar el enlace ‘Ver’ debajo de una categoría.

View posts by category

Dicho esto, vamos a ver cómo mostrar fácilmente las entradas recientes por categoría en diferentes áreas de tu sitio web. Cubriremos los siguientes métodos, para que puedas saltar al que más te interese:

Método 1: Añadir entradas recientes por categoría usando el editor de bloques

Por defecto, WordPress viene con el bloque de últimas entradas en el editor de bloques. Te permite mostrar fácilmente entradas recientes dentro de una página o entrada, e incluso puedes filtrarlas por categoría.

En primer lugar, debes editar la entrada o página en la que deseas mostrar las entradas recientes por categoría. En la pantalla de edición de la entrada, haz clic en el botón añadir nuevo bloque (+) y busca el bloque “últimas entradas”.

Latest posts block

Verás que el bloque aparece en el área de contenido con una vista previa de tus entradas recientes. Simplemente haz clic para seleccionar el bloque y verás los ajustes del bloque en la columna de la derecha.

En la parte superior de los ajustes, verás diferentes opciones como mostrar la imagen destacada, el autor de la entrada, la fecha y el contenido.

Sort by category

A continuación, desplácese hasta la sección Ordenación y filtrado, dentro de los ajustes del bloque. Desde aquí, tienes que introducir el nombre de la categoría de la que quieres mostrar entradas.

Incluso puede seleccionar varias categorías separando los nombres de las categorías con una coma.

Notarás que la vista previa de tus entradas recientes cambiará para incluir solo entradas de las categorías que hayas elegido.

Ahora puede guardar su entrada o página y obtener una vista previa en una ventana del navegador. Así es como se ve en nuestro sitio de prueba mostrando entradas recientes de una categoría específica con imágenes destacadas y extractos de entradas.

Displaying latest posts by category

Método 2: Añadir entradas recientes por categoría en la barra lateral de WordPress

Este método está recomendado para usuarios que quieren mostrar entradas recientes de categorías específicas en su barra lateral de WordPress.

Simplemente ve a la página Apariencia ” Widgets y añade el bloque ‘Últimas entradas’ a tu barra lateral.

Adding latest posts block to a sidebar widget

Por defecto, el bloque mostrará tus entradas más recientes. Edita los ajustes del bloque y desplázate hasta la sección “Ordenar y filtrar”.

Desde aquí, puede elegir la categoría de la que desea mostrar entradas.

Select category

Opcionalmente, puede elegir mostrar la imagen destacada, el extracto, el autor, etc.

No olvide hacer clic en el botón “Actualizar” para publicar los cambios.

Ahora puede visitar su sitio web para ver sus entradas recientes filtradas por categoría.

Recent posts by category in sidebar

Método 3: Añadir entradas recientes por categoría usando el código

Este método requiere que añadas manualmente código a tu sitio web WordPress. Si no lo ha hecho antes, consulte nuestra guía sobre cómo copiar y pegar fragmentos de código en WordPress.

En primer lugar, debe copiar y pegar el siguiente código en el archivo functions.php de su tema de WordPress o en un plugin de fragmentos de código.

function wpb_postsbycategory() {
// the query
$the_query = new WP_Query( array( 
    'category_name' => 'travel', 
    'posts_per_page' => 5 
) ); 
   
// The Loop
if ( $the_query->have_posts() ) {
    $string .= '<ul class="postsbycategory widget_recent_entries">';
    while ( $the_query->have_posts() ) {
        $the_query->the_post();
            if ( has_post_thumbnail() ) {
            $string .= '<li>';
            $string .= '<a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_post_thumbnail($post_id, array( 50, 50) ) . get_the_title() .'</a></li>';
            } else { 
            // if no featured image is found
            $string .= '<li><a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_title() .'</a></li>';
            }
            }
    } else {
    // no posts found
 $string .= '<li>No Posts Found</li>';
}
$string .= '</ul>';
   
return $string;
   
/* Restore original Post Data */
wp_reset_postdata();
}
// Add a shortcode
add_shortcode('categoryposts', 'wpb_postsbycategory');

No olvide sustituir “viajes” por su propio slug de categoría (el nombre de categoría utilizado en las URL) y guardar los cambios.

Consejo: También puede añadir varias categorías separadas por una coma.

Recomendamos añadir este código usando WPCode, el mejor plugin de fragmentos de código. Te permite añadir código de forma segura en WordPress, sin editar tu archivo functions.php. Por lo tanto, usted no tiene que preocuparse acerca de romper su sitio.

Para empezar, necesitas instalar y activar el plugin gratuito WPCode. Si necesitas ayuda, consulta este tutorial sobre cómo instalar un plugin de WordPress.

Una vez activado, vaya a Fragmentos de código ” + Añadir fragmento desde el escritorio de WordPress.

Esto le llevará a la página Añadir fragmento de código. Desde aquí, busque la opción “Añadir su código personalizado (nuevo fragmento)” y haga clic en el botón “Usar fragmento” situado debajo.

Add new snippet

A continuación, añada un título al fragmento de código, que puede ser cualquier cosa que le ayude a recordar para qué sirve.

A continuación, pegue el código anterior en el cuadro “Vista previa del código” y seleccione “Fragmento de código PHP” como tipo de código en la lista desplegable de la derecha.

Paste snippet into the WPCode plugin and choose code type

Después, cambia el conmutador de “Inactivo” a “Activo” y pulsa el botón “Guardar fragmento de código”.

Activate and save snippet in WPCode

Este código simplemente pide a WordPress que muestre 5 entradas recientes de la categoría “noticias”. A continuación, muestra esas entradas como una lista de viñetas con imágenes destacadas de tamaño miniatura.

Por último, crea un shortcode [categoryposts ] que puedes añadir a una página, entrada o widget de la barra lateral. A continuación, le mostraremos cómo utilizar este shortcode.

Usar shortcode para añadir entradas recientes por categoría a entradas y páginas

Simplemente edita la entrada o página donde quieres mostrar las entradas recientes por categoría. En la pantalla de edición de entradas, haga clic en el botón añadir nuevo bloque (+) y, a continuación, añada el bloque Shortcode a su área de contenido.

Adding shortcode to display posts from a category

A continuación, debe añadir el shortcode [categoryposts] en los ajustes del bloque.

Ahora puedes guardar tu entrada o página y verla previa para ver tus entradas recientes de una categoría específica en acción. Así es como se ve en nuestro sitio de prueba.

Posts by category code method with no styling

Como puedes ver, el estilo no parece muy cuidado. No te preocupes, puedes cambiarlo añadiendo un código CSS personalizado a tu tema.

Simplemente, vaya a Apariencia ” Personalizar página para iniciar el personalizador de temas y, a continuación, cambie a la pestaña ‘CSS adicional’ en la columna de la izquierda.

Adding custom CSS code to your theme

Puede añadir el siguiente código CSS personalizado como punto de partida.

ul.postsbycategory {
list-style: none;
}
.postsbycategory li {
padding-bottom:5px;
}
.postsbycategory img {
margin-right:5px
}

No olvides hacer clic en el botón “Publicar” para guardar tu código CSS personalizado. Ahora puedes visitar tu entrada o página para ver tus entradas recientes con un estilo un poco más ordenado.

Recent posts by category with styling

Añadir el shortcode Entradas recientes por categoría a la barra lateral de WordPress

Puedes añadir el mismo shortcode a tu barra lateral de WordPress o a cualquier zona preparada para widgets.

Simplemente ve a la página Apariencia ” Widgets y añade el bloque ‘Shortcode’ a tu barra lateral.

Adding shortcode to sidebar

Ahora puedes pegar tu shortcode [categoryposts ] en los ajustes del bloque. No olvides hacer clic en el botón Actualizar para guardar los ajustes de tu widget.

Ahora puedes visitar tu sitio web para ver en acción tu widget de entradas recientes por categoría. Así es como se ve en nuestro sitio web de prueba.

Sidebar recent posts by category preview

Esperamos que este artículo te haya ayudado a aprender cómo mostrar entradas recientes de una categoría específica en WordPress. Puede que también quieras ver nuestra guía sobre cómo mostrar contenido personalizado a diferentes usuarios en WordPress, y nuestra lista de los mejores plugins de bloqueo de WordPress para personalizar aún más tu sitio.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

31 comentariosDeja una respuesta

    • WPBeginner Support

      If you mean the date the post was published, the recent post block has an option where you can enable that to display!

      Administrador

  1. Roger

    Your PHP about selecting by category saved me, THANKSSSS

  2. Victoria

    Thank you for a super helpful post! I always find your content really useful. I’ve added the “Latest Posts” block to a new page and entered the category I’d like to appear on that page. It worked! Question though: how can I display more than 100 posts? Is there any way to do that? The number seems to be capped… thanks again! Any help you can offer is greatly appreciated. Perhaps I need a plug-in for this?

    • WPBeginner Support

      That many posts on one page could slow your site down which is why there is normally a cap. We do not have a recommended plugin for listing that may posts at one time at the moment.

      Administrador

  3. Jade New

    Another great post, thanks a lot – I was messing around this for hours yesterday when it’s so super easy! Your blog is in my bookmarks.

    • WPBeginner Support

      Glad our guide could help :)

      Administrador

  4. Erietta

    Thanks for this article and showing all the options. I have created two different article landing pages for a website each with different categories using a block. So far so easy. Unfortunately this meant that the default blog archive with all its useful controls didnt suit my needs. What I need now is the ability to add pagination to these pages — but I can’t. Any tips?

    • WPBeginner Support

      For the moment, you would need to create category pages for the pagination you’re looking for. You can do that by adding a category to your menu.

      Administrador

  5. Rob

    If i have multiple categories, say categories X,Y & Z, and add them to the snippet code – will this display ONLY the posts for that category – so if I’m viewing a post from category X, it will only display other posts from category X and not from category Y & Z… likewise, if i am in Y it will only display posts from Y?

    • WPBeginner Support

      You would need to use conditional widgets to show something like that.

      Administrador

  6. Akshay

    The font style is totally different from the default. How to change it as per the theme or what is the css for it.

    • WPBeginner Support

      You would want to reach out to your theme’s support to ensure there isn’t conflicting styling.

      Administrador

  7. Pankaj Prakash

    That really helps. Thanks for sharing.

    • WPBeginner Support

      You’re welcome :)

      Administrador

  8. Ledge

    How do I get rid of the lines that separate the posts?

    • WPBeginner Support

      Hi Ledge,

      These lines are probably added by your theme using CSS. You can use Inspect tool to find out the CSS responsible for that and then add custom CSS to override this.

      Administrador

  9. Allen S

    I have just started to use Recent Posts Extended widget but for some reason i can’t get it do display what i want and where i want it to go. I run a driving school and have built my website using WP & Divi Builder. I have 7 Recent Posts Extended. One for latest customer reviews to appear on home website page for all areas served, 3 for test passes and 3 for customer reviews for 3 areas I cover which have their own page. But when I go to select the area in “limit to category” for each Recent Posts Extended I expected to see 7 categories with check boxes and there are only 5 categories available for selection. I am no developer, so understanding CSS code to use is like reading Chinese. I have trawled the web and not found the answer to suit my needs.

  10. Alex M.

    Hello, thanks for this snippet. Is there any way to display posts from a specific category but if there isn’t enough with that category it will show the regular posts?

    For example I have one post with the “featured” category checked but on my homepage I need to display 3 posts, that leaves me with 2 empty spots.

    Thanks! :)

  11. Akash

    I want to display the posts which the user selected in the featured post

  12. Shahbaz

    If I want to display post of perticular category on a new page then where should i copy those snippets

  13. Mags Nixon

    I’ve just activated this plug in and worked fine for the first sidebar. The second customised sidebar just showed the category of the first one. I ended up deleting the second one but now it’s not showing at all. Have you had any other feedback about this widget now not being supported by wordpress since the latest updates? Any advice would be appreciated.

  14. Zelaphas

    Thanks for this. I’m using this with the “Sydney” WP theme and trying to have certain categories of projects on the home page as portfolio/case studies. I successfully got the widget to show along with my desired posts, but they’re displaying vertically. I’d like them to be right next to each other horizontally in a grid (unless on mobile, of course). Any ideas on this? Thanks!

  15. hailemaryam

    thank you!!! you saved my life i was working on customers website and the need only news to be showed on the slider. you showed me a way how to customize it.

  16. Debora

    Hi, thank you for the tutorial. Only a question: I’m trying to get a carousel of latest posts in homepage with preview image. All plugins I have tried had bad image layout, I have many images with different sizes. So I wanted to try without plugin, only write code in wp.
    Can you please tell how to add preview images to your code, to display recent posts with preview image? Thank you very much

  17. Alfredo

    and… if i want to show recent post of current post category?

    is possible? how?

    regards

  18. ben

    Hello,

    Did you try this plugin (last update 1 year ago) with the last update of WordPress?
    When I check the support in wordpress, it’s seems this plugin is not support anymore and some users can’t use it correctly with recent Wordpress.

    Best Regards

  19. Theo Dorant

    If you want to have your code in functions.php, you can use

    function include_posts_from_recentPostWidget_by_cat() {
    $include = array( ‘cat’ => ‘2, 5’ );
    return $include;
    }
    add_filter(‘widget_posts_args’,’include_posts_from_recentPostWidget_by_cat’);

    2 and 5 are the IDs of the categorys you want to show. You can do the same to exclude categories by using ‘-2, -5’

  20. Blair Jersyer

    What if that post where we’re showing the recent posts is part of recent post and if we’re show the_content()… There won’t be unlimited loop ?

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.