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 hacer un catálogo de futuras entradas programadas en WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres hacer un catálogo de tus próximas entradas programadas en WordPress?

Mostrar una lista de futuras entradas programadas a sus usuarios puede generar expectación en torno a su contenido y animar a los visitantes a volver a su sitio web. Esto puede ayudarte a mejorar la interacción y la participación de los usuarios en las entradas de tu blog.

En este artículo, le mostraremos cómo mostrar fácilmente las próximas entradas futuras en WordPress, paso a paso.

List Future Upcoming Scheduled Posts in WordPress

¿Por qué mostrar las próximas entradas en WordPress?

Si tienes un blog en WordPress desde hace tiempo, sabrás que publicar entradas a una hora determinada puede hacer que más gente las lea.

Sin embargo, no puedes quedarte sentado y esperar a que llegue el momento adecuado para pulsar el botón de publicar. Por eso WordPress incorpora una característica que permite programar entradas para publicarlas más tarde.

Esto puede ayudarle a centrarse en la creación de contenidos y gestionar su calendario editorial como un profesional.

Una vez que haya programado las entradas en su sitio, también es una buena idea mostrar un anuncio / catálogo / ficha de estos próximos artículos para crear expectación en torno a ellos y aumentar la participación en su blog.

Mostrar futuras entradas programadas puede ser especialmente eficaz para contenidos como historias seriadas, lanzamientos de productos o anuncios de eventos.

Puede animar a los usuarios a debatir sobre próximos temas en la sección de comentarios, suscribirse a su boletín o incluso preinscribirse en eventos.

Dicho esto, veamos cómo hacer fácilmente un catálogo de las próximas entradas programadas en WordPress.

Puede mostrar fácilmente una lista de las próximas entradas programadas en su sitio de WordPress añadiendo código personalizado al archivo functions. php de su tema. Sin embargo, cometer el más mínimo error al escribir el código puede romper tu sitio y hacerlo inaccesible.

Por eso recomendamos siempre añadir código personalizado usando WPCode. Es el mejor plugin de fragmentos de código de WordPress del mercado que hace que sea seguro y fácil añadir código a su sitio web.

Primero, necesitas instalar y activar el plugin WPCode. Para obtener instrucciones detalladas, puedes consultar nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Nota: WPCode tiene un plan gratuito que puedes utilizar para este tutorial. Sin embargo, la actualización al plan pro te dará acceso a más características como una biblioteca en la nube para fragmentos de código, una opción de fragmentos de CSS, lógica condicional avanzada y mucho más.

Una vez activado, visite la página Fragmentos de código ” + Añadir fragmento desde el escritorio de WordPress y haga clic en el botón “Usar fragmento” bajo la opción “Añadir su código personalizado (nuevo fragmento)”.

Add new snippet

Esto le llevará a la página ‘Crear fragmento de código personalizado’, donde puede empezar añadiendo un nombre para su fragmento de código. El nombre es solo para tu identificación y puede ser lo que quieras.

A continuación, seleccione “Fragmento de código PHP” como tipo de código en el menú desplegable de la derecha.

Choose PHP Snippet option for the code snippet to show a list of scheduled upcoming posts

A continuación, debe copiar y pegar el siguiente código personalizado en el cuadro “Vista previa del código”:

function wpb_upcoming_posts() { 
    // The query to fetch future posts
    $the_query = new WP_Query(array( 
        'post_status' => 'future',
        'posts_per_page' => 3,
        'orderby' => 'date',
        'order' => 'ASC'
    ));
 
// The loop to display posts
if ( $the_query->have_posts() ) {
    echo '<ul>';
    while ( $the_query->have_posts() ) {
        $the_query->the_post();
        $output .= '<li>' . get_the_title() .' ('.  get_the_time('d-M-Y') . ')</li>';
    }
    echo '</ul>';
 
} else {
    // Show this when no future posts are found
    $output .= '<p>No posts planned yet.</p>';
}
 
// Reset post data
wp_reset_postdata();
 
// Return output
 
return $output; 
} 
// Add shortcode
add_shortcode('upcoming_posts', 'wpb_upcoming_posts'); 
// Enable shortcode execution inside text widgets
add_filter('widget_text', 'do_shortcode');

A continuación, desplácese hasta la sección “Inserción” y elija el modo “Inserción automática”.

Tenga en cuenta que todavía tendrá que añadir un shortcode para mostrar una lista de las próximas entradas en su sitio web de WordPress.

Choose an insertion method

Por último, vuelve a desplazarte hasta la parte superior de la página para activar el conmutador “Inactivo”.

Una vez hecho esto, basta con hacer clic en el botón “Guardar fragmento de código” para establecer los ajustes.

Save the code snippet for showing scheduled posts

Mostrar una lista de próximas entradas programadas en la barra lateral de un tema clásico

Para mostrar un listado de las próximas entradas en la barra lateral de WordPress, visite la página Apariencia ” Widgets desde el escritorio de WordPress. Tenga en cuenta que esta opción solo estará disponible si utiliza un tema clásico (sin bloques).

Para abrir el menú de bloques, haga clic en el botón “+” situado en la esquina superior izquierda de la pantalla.

Desde aquí, arrastre y suelte el bloque Shortcode en la sección de la barra lateral. Después de eso, añadir el siguiente shortcode en el bloque:

[upcoming_posts]

Add the shortcode for displaying a list of upcoming scheduled posts in the widget area

A continuación, haga clic en el botón “Actualizar” de la parte superior para establecer sus ajustes.

Ahora, puede visitar su sitio de WordPress para ver la ficha de las próximas entradas programadas en acción.

A preview of list of upcoming scheduled posts

Mostrar una lista de próximas entradas programadas en el editor del sitio completo

Si utilizas un tema basado en bloques, la pestaña del menú Widgets no estará disponible. En ese caso, deberá visitar la página Apariencia ” Editor desde el escritorio de WordPress.

Una vez que se abra el editor, haga clic en “Páginas” y, a continuación, simplemente elija una página en la que desee añadir el shortcode desde las opciones de la izquierda.

Choose a page in the full site editor where you want to add a shortcode

La página de su elección se lanzará ahora en el editor completo del sitio. Aquí, debe hacer clic en el botón añadir bloque ‘+’ para abrir el menú de bloques y añadir el bloque Shortcode a la página.

A continuación, añada el siguiente shortcode al bloque:

[upcoming_posts]

Add shortcode to display scheduled upcoming posts in the FSE

Por último, haz clic en el botón “Guardar” de la parte superior para establecer los ajustes.

Ahora, sólo tiene que visitar su sitio de WordPress para ver la lista de las próximas entradas programadas.

Upcoming posts preview in FSE

Bonus: Cómo mostrar entradas recientes en WordPress

Además de mostrar las próximas entradas, es posible que también desee mostrar un catálogo de las entradas publicadas recientemente en su sitio de WordPress.

De este modo, los visitantes conocerán nuevos contenidos y se animarán a explorar más su sitio web.

Puedes mostrar fácilmente una lista de entradas recientes en WordPress utilizando el bloque Últimas entradas del editor Gutenberg.

Show post content in recent posts

Después, puede personalizar aún más este bloque añadiendo extractos de entradas, el nombre del autor, la fecha de publicación o una imagen destacada.

Para más información, puede consultar nuestro tutorial sobre cómo mostrar entradas recientes en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo programar futuros anuncios / catálogos / entradas en WordPress. Puede que también te interese nuestro tutorial sobre cómo programar por lotes las entradas en WordPress y nuestra selección de los mejores plugins para entradas populares en WordPress.

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

16 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Patrick says

    Hello,
    it was a very useful article! I used to code for a long time because it was exactly what I needed. Unfortunately, it doesn’t seem to be working anymore, and I haven’t found a way to fix it.

    • WPBeginner Support says

      From testing the code is still working, you would want to use the shortcode block if you are not currently and that should allow the shortcode to work in your widget area again.

      Administrador

      • Patrick says

        I stand corrected! The code is indeed still working PERFECT. I’ve made a mistake in the way I added it to the functions.php of the theme!

  3. Susanne Tamir says

    Great function exactly what i need but one thing missing the title is not linked to the post. How do i link the title to the post in this code? Thanks a lot

    • WPBeginner Support says

      We do not have a recommended method for that as this would show the upcoming posts that are not published yet so there is nothing to send the users to.

      Administrador

  4. rashid says

    it is great and exactly what I needed,
    now i am thinking about, making the Post test a link, and on hover can give extra info,
    plus is it possible to add a url behind them (example: register for an upcoming event.)

  5. Antuan says

    I have to do couple to leave me in a normal page all future events with their titles, dates and featured images? Thank you.

  6. Rogier says

    Thanks for sharing this manual code. I wonder how it could be modified for Custom Post Types? For example for an ‘event’ post type? Is that something you could reveal? (None of the scheduled post plugins work for custom post types.)

    • may says

      i think you can do that by adding (‘post_type’ => ‘addcustomposttype’,) this in array im not sure but this one is working in my custom post type btw thank you wpbeginner for the tut :D

  7. Cecilio says

    I have found a problem in code:

    For exclude sticky posts to add this line to query:

    ‘ignore_sticky_posts’ => 1,

    Useful article :-)

  8. MarkDeafMcGuire says

    I like to use the Editorial Calendar. It allows you to drag and drop posts from a calendar point of view. Useful for trending topics and seeing gaps in scheduling posts.

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.