Cómo mostrar una lista de las últimas publicaciones actualizadas en WordPress

Recuerdo el tiempo que pasé un fin de semana entero actualizando algunos de mis artículos más populares con consejos frescos y nuevas capturas de pantalla. Estaba muy orgullosa del trabajo, pero me di cuenta de que nadie lo estaba viendo.

Mis publicaciones recién actualizadas todavía estaban enterradas en la página 10 de los archivos de mi blog, ordenadas por su fecha de publicación original. Sentí que todo mi arduo trabajo era invisible.

Este es un problema común con la configuración predeterminada de WordPress. Es genial para un blog cronológico simple, pero oculta tu valioso contenido actualizado de tus lectores. Esto puede hacer que tu sitio se sienta desactualizado, incluso cuando estás trabajando duro para mantenerlo al día.

Afortunadamente, hay una solución simple. Al crear una lista de tus publicaciones modificadas más recientemente, puedes destacar tu mejor contenido y crear una experiencia más atractiva para tus visitantes.

En esta guía, te mostraré exactamente cómo hago esto en mis propios sitios web. Cubriré un método de plugin fácil y una solución de código personalizado para aquellos que desean más control.

¿Por qué mostrar las últimas publicaciones actualizadas en WordPress?

Mostrar tus últimas publicaciones actualizadas en WordPress te ayuda a exhibir tu contenido más reciente a visitantes y motores de búsqueda. Evita que tus artículos importantes y recientemente actualizados queden enterrados profundamente en los archivos de tu blog.

La mayoría de los temas de WordPress muestran las publicaciones en orden cronológico inverso según su fecha de publicación. Si bien esto es lógico para un blog estándar, significa que un artículo que actualizaste ayer podría estar enterrado en la página 10 de tu archivo, a pesar de que contiene tu información más actual.

Esto crea una mala experiencia de usuario. Tus visitantes se pierden tu mejor trabajo y tú no obtienes el valor completo de tus esfuerzos de mantenimiento de contenido.

Por otro lado, crear un espacio dedicado para tus artículos modificados más recientemente hace que tu sitio sea más atractivo para los visitantes.

Para ayudarte a configurar esto, te guiaré a través de dos métodos diferentes. Puedes usar los enlaces rápidos a continuación para saltar directamente a la solución que mejor te funcione:

• Method 1: Using a Plugin to Display Last Updated Posts
  • Instalar y Activar el Plugin
  • Agregar el Bloque de Publicaciones a una Publicación o Página Individual
  • Agregar el Bloque de Publicaciones en la Barra Lateral o Pie de Página de un Tema Clásico
  • Agregar el Bloque de Publicaciones en la Barra Lateral o Pie de Página de un Tema de Bloques
  • Configurar el Bloque para Ordenar por Fecha de Última Modificación
• Method 2: Using Custom Code to Display Last Updated Posts
  • Paso 1: Instalar WPCode y Crear un Nuevo Fragmento
  • Paso 2: Agregar el Código PHP Personalizado
  • Paso 3: Agregar el Shortcode a tu Sitio
• Extra: Cómo Mostrar una Fecha de 'Última Actualización' en Publicaciones Individuales
• Preguntas Frecuentes Sobre Cómo Mostrar Publicaciones Actualizadas Recientemente

Método 1: Usar un Plugin para Mostrar Publicaciones Últimamente Actualizadas

La forma más fácil de mostrar una lista de tus publicaciones más recientemente actualizadas es usando un plugin. Este método es perfecto para principiantes porque no requiere ningún código y te da control visual.

Recomiendo usar el plugin gratuito Kadence Blocks . Elegí este porque es uno de los plugins de bloques más populares disponibles y agrega un conjunto de nuevos bloques potentes al editor. Funciona perfectamente con cualquier tema de WordPress, clásico o moderno basado en bloques.

Te mostraré cómo usar su bloque 'Publicaciones' altamente personalizable porque se puede configurar fácilmente para mostrar publicaciones modificadas recientemente en lugar de las publicadas recientemente.

Instalar y Activar el Plugin

Primero, necesitas instalar y activar el plugin Kadence Blocks. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Lo genial de usar un bloque es que puedes agregarlo casi en cualquier lugar de tu sitio. A continuación, te mostraré cómo agregarlo a una página individual, un área de widgets de tema clásico como la barra lateral o una parte de plantilla de tema de bloque.

Agregar el Bloque de Publicaciones a una Publicación o Página Individual

Si deseas agregar la lista a una página o publicación individual, simplemente ábrela en el editor de WordPress. Una vez allí, haz clic en el ícono de más (+) para agregar un nuevo bloque.

En la barra de búsqueda, escribe 'Publicaciones' y luego arrastra el bloque de Publicaciones de Kadence a la publicación o página.

Agregar el Bloque de Publicaciones en la Barra Lateral o Pie de Página de un Tema Clásico

Si tienes un tema clásico, entonces puedes agregar el bloque como un widget para mostrarlo en todo tu sitio.

Desde tu panel de WordPress, ve a Apariencia » Widgets.

Busca el área de widgets que deseas editar, como tu 'Barra lateral', haz clic en el ícono de más (+) y agrega el bloque 'Entradas' de Kadence usando arrastrar y soltar.

Agregar el Bloque de Publicaciones en la Barra Lateral o Pie de Página de un Tema de Bloques

Para los temas de bloques modernos, usarás el Editor de Sitio Completo.

Ve a Apariencia » Editor desde tu panel. En el menú de la izquierda del editor, selecciona 'Patrones' y luego busca la Parte de Plantilla que deseas editar, como tu 'Pie de página' o 'Barra lateral'.

Simplemente arrastra y suelta el bloque 'Entradas' de Kadence donde quieras que aparezca tu lista.

Configurar el Bloque para Ordenar por Fecha de Última Modificación

Ahora, la parte importante. Con el bloque de Entradas seleccionado, verás sus configuraciones en la barra lateral derecha. Aquí es donde le indicaremos que ordene las entradas por la fecha de última actualización.

En la pestaña 'General' de la configuración del bloque, busca la opción etiquetada como 'Ordenar por'. Haz clic en el menú desplegable y cámbiala de 'Más reciente a más antiguo' a 'Modificado Descendente'.

El bloque se actualizará instantáneamente para mostrar tus entradas actualizadas recientemente.

También puedes personalizar muchas otras configuraciones aquí, como el número de entradas a mostrar y si se debe mostrar la imagen destacada o el extracto de la entrada.

Cuando hayas terminado, simplemente haz clic en el botón 'Actualizar' o 'Guardar'. Ahora puedes visitar tu sitio web para ver tu lista de entradas actualizadas por última vez en vivo en tu sitio.

Método 2: Usar código personalizado para mostrar las entradas actualizadas por última vez

Si te sientes cómodo agregando un poco de código y quieres control total sobre la apariencia de tu lista, entonces este método es para ti. Puedes personalizar la salida HTML exacta, lo cual es excelente para estilos avanzados.

La forma más segura de agregar código a tu sitio es usando el plugin gratuito WPCode . Es el plugin que siempre uso para fragmentos de código personalizados porque evita que cometas errores que puedan romper tu sitio y mantiene tu código seguro durante las actualizaciones del tema.

Paso 1: Instalar WPCode y Crear un Nuevo Fragmento

Primero, instala y activa el plugin gratuito WPCode. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar plugins de WordPress.

A continuación, ve a Fragmentos de código » Agregar fragmento desde tu panel y selecciona ‘Agregar tu código personalizado (Nuevo fragmento)’.

A continuación, deberás elegir el tipo de código de tu fragmento. En la parte inferior de la pantalla, simplemente haz clic en la opción ‘PHP’.

Paso 2: Agregar el Código PHP Personalizado

En la siguiente pantalla, dale un título a tu fragmento, como ‘Shortcode de las últimas publicaciones actualizadas’.

Luego, en el cuadro ‘Vista previa del código’, pega el siguiente código:

function wpb_lastupdated_posts( $atts ) {
    // Initialize the output string to prevent "Undefined variable" warnings.
    $output_string = '';

    // Parse the shortcode attributes.
    // 'limit' is the attribute name, and 5 is its default value if not provided.
    $atts = shortcode_atts( array(
        'limit' => 5,
    ), $atts, 'lastupdated-posts' );

    // Sanitize the 'limit' attribute to ensure it's a positive integer.
    $posts_limit = intval( $atts['limit'] );
    if ( $posts_limit <= 0 ) {
        $posts_limit = 5; // Fallback to default if an invalid limit is provided.
    }

    // Query Arguments for WP_Query.
    $lastupdated_args = array(
        'orderby'             => 'modified',         // Order posts by their last modified date.
        'ignore_sticky_posts' => 1,                  // Exclude sticky posts from the list.
        'posts_per_page'      => $posts_limit,       // Set the number of posts to display based on the 'limit' attribute.
        'post_status'         => 'publish',          // Only retrieve published posts.
    );

    // Create a new WP_Query instance.
    $lastupdated_loop = new WP_Query( $lastupdated_args );

    // Check if there are any posts found by the query.
    if ( $lastupdated_loop->have_posts() ) {
        // Added the 'last-updated-posts' CSS class to the <ul> tag.
        $output_string .= '<ul class="last-updated-posts">'; // Start the unordered list with a CSS class.

        // Loop through each post found by the query.
        while ( $lastupdated_loop->have_posts() ) :
            $lastupdated_loop->the_post(); // Set up post data for the current post.

            // Append each post as a list item with its link, title, and modified date.
            $output_string .= '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a> ( ' . get_the_modified_date() . ') </li>';
        endwhile;

        $output_string .= '</ul>'; // Close the unordered list.
    } else {
        // Optional: Message to display if no recently updated posts are found.
        $output_string .= '<p>No recently updated posts found.</p>';
    }

    // Reset post data. This is crucial to restore the global post data
    // to the main query after running a custom query.
    wp_reset_postdata();

    // Return the generated HTML string.
    return $output_string;
}

// Add the shortcode.
// This registers the 'lastupdated-posts' shortcode to be handled by the 'wpb_lastupdated_posts' function.
add_shortcode( 'lastupdated-posts', 'wpb_lastupdated_posts' );

Permítanme explicar rápidamente lo que hace este código. Crea una función que utiliza ‘WP_Query‘, que es la forma estándar de WordPress para obtener publicaciones de su base de datos. Lo hemos configurado para obtener publicaciones ordenadas por su fecha de ‘modificación’.

Luego, envuelve esta función en un shortcode, [lastupdated-posts], que puede usar en cualquier lugar de su sitio.

Finalmente, wp_reset_postdata() restaura la consulta principal de WordPress. Esta es una buena práctica importante que evita que nuestro código personalizado rompa accidentalmente otras funciones en la página.

Ahora, desplácese hacia abajo hasta la sección ‘Inserción’ y asegúrese de que el método esté configurado en ‘Inserción automática’ y la ubicación en ‘Ejecutar en todas partes’. Esta es la configuración estándar para los shortcodes y garantiza que WordPress lo reconocerá en cualquier lugar de su sitio.

El método ‘Inserción automática’ con la ubicación ‘Ejecutar en todas partes’ es la configuración correcta. Esto asegura que WordPress reconocerá su shortcode sin importar dónde decida usarlo en su sitio.

Finalmente, activa el interruptor en la parte superior a ‘Activo’ y haz clic en el botón ‘Guardar fragmento’.

Paso 3: Agregar el Shortcode a tu Sitio

Ahora puede agregar su lista en cualquier lugar de su sitio que acepte shortcodes.

Simplemente edita una publicación o página, agrega un bloque de Shortcode, y escribe:

[lastupdated-posts]

Esto mostrará el valor predeterminado de 5 publicaciones.

Para mostrar un número diferente, puedes usar el parámetro ‘limit’ de esta manera:

[lastupdated-posts limit="10"]

El código producirá una lista simple y sin estilo que hereda el estilo predeterminado de tu tema para enlaces y elementos de lista. Puedes agregar CSS personalizado a la hoja de estilos de tu tema para dar estilo a la clase ‘.last-updated-posts’ si lo deseas.

Así es como se ve en una barra lateral en mi sitio web de prueba:

Extra: Cómo mostrar una fecha de ‘Última actualización’ en publicaciones individuales

Además de mostrar una lista en tu página de inicio o barra lateral, también es una excelente idea mostrar la fecha de ‘Última actualización’ al principio de tus artículos. Esto le dice inmediatamente a los lectores que la información está actualizada y es confiable, lo que creo que genera mucha credibilidad.

Muchos temas populares tienen esta opción integrada. Consulta la configuración de tu tema en Apariencia » Personalizar. Busca configuraciones relacionadas con Meta de publicación o Diseño de blog/publicación.

Si tu tema no tiene esta opción, puedes agregarla fácilmente. Para un tutorial completo, consulta nuestra guía sobre cómo mostrar la fecha de última actualización de las publicaciones en WordPress.

Preguntas Frecuentes Sobre Cómo Mostrar Publicaciones Actualizadas Recientemente

Aquí tienes respuestas a algunas de las preguntas más comunes que recibimos sobre cómo mostrar las publicaciones actualizadas recientemente.

1. ¿Actualizar una publicación afecta su URL o SEO?

No, simplemente actualizar el contenido de una publicación no cambia su URL (enlace permanente). De hecho, actualizar y mejorar tu contenido antiguo es una práctica recomendada de SEO que puede mejorar tus rankings de búsqueda.

2. ¿Puedo excluir ciertas publicaciones de la lista de las últimas actualizadas?

Sí. El plugin de bloques Kadence que mencionamos te permite incluir o excluir categorías específicas directamente desde la configuración del bloque. Si estás utilizando el método de código personalizado, puedes modificar los argumentos de WP_Query en el fragmento de código para excluir publicaciones por ID, categoría o etiqueta específica.

3. ¿En qué se diferencia la fecha de modificación de la fecha de publicación?

La fecha de publicación es la fecha en que la publicación se hizo pública por primera vez en tu sitio. La fecha de modificación es la fecha en que la publicación se guardó por última vez con algún cambio. Una publicación puede tener una fecha de publicación de hace años, pero una fecha de modificación de ayer.

Espero que esta guía te haya ayudado a aprender cómo mostrar las últimas publicaciones actualizadas en WordPress. También puedes consultar nuestra guía sobre cómo mostrar publicaciones relacionadas con miniaturas para mantener a tus visitantes aún más interesados, o nuestra selección experta de los widgets de WordPress más útiles para tu sitio.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.