Comment afficher une liste des articles mis à jour en dernier dans WordPress

Je me souviens du temps où j'ai passé un week-end entier à mettre à jour certains de mes articles les plus populaires avec des conseils frais et de nouvelles captures d'écran. J'étais si fier du travail, mais j'ai réalisé que personne ne le voyait.

Mes articles fraîchement mis à jour étaient toujours enfouis à la page 10 des archives de mon blog, triés par leur date de publication d'origine. J'avais l'impression que tout mon travail acharné était invisible.

C'est un problème courant avec la configuration par défaut de WordPress. C'est idéal pour un simple blog chronologique, mais cela cache votre contenu précieux et mis à jour à vos lecteurs. Cela peut donner l'impression que votre site est obsolète, même si vous travaillez dur pour le maintenir à jour.

Heureusement, il existe une solution simple. En créant une liste de vos articles les plus récemment modifiés, vous pouvez mettre en valeur votre meilleur contenu et créer une expérience plus engageante pour vos visiteurs.

Dans ce guide, je vais vous montrer exactement comment je fais cela sur mes propres sites Web. Je couvrirai une méthode de plugin facile et une solution de code personnalisé pour ceux qui veulent plus de contrôle.

Pourquoi afficher les articles mis à jour en dernier dans WordPress ?

Afficher vos articles mis à jour en dernier dans WordPress vous aide à présenter votre contenu le plus récent aux visiteurs et aux moteurs de recherche. Cela évite que vos articles importants et récemment mis à jour ne soient enfouis profondément dans les archives de votre blog.

La plupart des thèmes WordPress affichent les articles dans l'ordre chronologique inverse en fonction de leur date de publication. Bien que cela soit logique pour un blog standard, cela signifie qu'un article que vous avez mis à jour hier pourrait être enfoui à la page 10 de vos archives, même s'il contient vos informations les plus actuelles.

Cela crée une mauvaise expérience utilisateur. Vos visiteurs manquent votre meilleur travail, et vous ne tirez pas pleinement parti de vos efforts de maintenance de contenu.

D'un autre côté, créer un espace dédié à vos articles les plus récemment modifiés rendra votre site plus attrayant pour les visiteurs.

Pour vous aider à mettre cela en place, je vais vous présenter deux méthodes différentes. Vous pouvez utiliser les liens rapides ci-dessous pour accéder directement à la solution qui vous convient le mieux :

• Method 1: Using a Plugin to Display Last Updated Posts
  • Installer et activer le plugin
  • Ajouter le bloc d'articles à un article ou une page unique
  • Ajouter le bloc d'articles dans la barre latérale ou le pied de page d'un thème classique
  • Ajouter le bloc d'articles dans la barre latérale ou le pied de page d'un thème de blocs
  • Configurer le bloc pour trier par date de dernière modification
• Method 2: Using Custom Code to Display Last Updated Posts
  • Étape 1 : Installer WPCode et créer un nouveau snippet
  • Étape 2 : Ajouter le code PHP personnalisé
  • Étape 3 : Ajouter le shortcode à votre site
• Bonus : Comment afficher une date de « Dernière mise à jour » sur les articles uniques
• Foire aux questions sur l'affichage des articles récemment mis à jour

Méthode 1 : Utiliser un plugin pour afficher les articles mis à jour en dernier

Le moyen le plus simple d'afficher une liste de vos articles les plus récemment mis à jour est d'utiliser un plugin. Cette méthode est parfaite pour les débutants car elle ne nécessite aucun code et vous donne un contrôle visuel.

Je recommande d'utiliser le plugin gratuit Kadence Blocks . Je l'ai choisi car c'est l'un des plugins de blocs les plus populaires disponibles et qu'il ajoute une suite de nouveaux blocs puissants à l'éditeur. Il fonctionne parfaitement avec n'importe quel thème WordPress, classique ou moderne basé sur des blocs.

Je vais vous montrer comment utiliser son bloc « Articles » hautement personnalisable, car il peut facilement être configuré pour afficher les articles récemment modifiés au lieu des articles récemment publiés.

Installer et activer le plugin

Tout d'abord, vous devez installer et activer le plugin Kadence Blocks. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

L'avantage d'utiliser un bloc est que vous pouvez l'ajouter presque n'importe où sur votre site. Ensuite, je vais vous montrer comment l'ajouter à une page unique, à une zone de widget de thème classique comme la barre latérale, ou à une partie de modèle de thème de bloc.

Ajouter le bloc d'articles à un article ou une page unique

Si vous souhaitez ajouter la liste à une page ou à un article unique, ouvrez-le simplement dans l'éditeur WordPress. Une fois sur place, cliquez sur l'icône plus (+) pour ajouter un nouveau bloc.

Dans la barre de recherche, tapez « Posts » puis faites glisser le bloc Kadence Posts sur l'article ou la page.

Ajouter le bloc d'articles dans la barre latérale ou le pied de page d'un thème classique

Si vous avez un thème classique, vous pouvez ajouter le bloc comme un widget pour l'afficher sur votre site.

Depuis votre tableau de bord WordPress, allez dans Apparence » Widgets.

Trouvez la zone de widget que vous souhaitez modifier, comme votre « Barre latérale », cliquez sur l'icône plus (+) et ajoutez le bloc Kadence « Posts » par glisser-déposer.

Ajouter le bloc d'articles dans la barre latérale ou le pied de page d'un thème de blocs

Pour les thèmes de blocs modernes, vous utiliserez l'Éditeur de site complet.

Allez dans Apparence » Éditeur depuis votre tableau de bord. Dans le menu de gauche de l'éditeur, sélectionnez « Motifs » puis trouvez la Partie de modèle que vous souhaitez modifier, telle que votre « Pied de page » ou « Barre latérale ».

Faites simplement glisser et déposez le bloc Kadence « Posts » là où vous souhaitez que votre liste apparaisse.

Configurer le bloc pour trier par date de dernière modification

Passons maintenant à la partie importante. Avec le bloc Posts sélectionné, vous verrez ses paramètres dans la barre latérale droite. C'est ici que nous allons lui dire de trier les articles par date de dernière mise à jour.

Sous l'onglet « Général » dans les paramètres du bloc, trouvez le paramètre intitulé « Trier par ». Cliquez sur le menu déroulant et changez-le de « Du plus récent au plus ancien » à « Modifié en ordre décroissant ».

Le bloc se mettra à jour instantanément pour afficher vos articles récemment mis à jour.

Vous pouvez également personnaliser de nombreux autres paramètres ici, comme le nombre d'articles à afficher et s'il faut afficher l'image mise en avant ou l'extrait de l'article.

Lorsque vous avez terminé, cliquez simplement sur le bouton « Mettre à jour » ou « Enregistrer ». Vous pouvez maintenant visiter votre site web pour voir votre liste des derniers articles mis à jour en direct sur votre site.

Méthode 2 : Utiliser du code personnalisé pour afficher les derniers articles mis à jour

Si vous êtes à l'aise avec l'ajout d'un peu de code et que vous souhaitez un contrôle total sur l'apparence de votre liste, alors cette méthode est faite pour vous. Vous pouvez personnaliser la sortie HTML exacte, ce qui est idéal pour un style avancé.

La façon la plus sûre d'ajouter du code à votre site est d'utiliser le plugin gratuit WPCode . C'est le plugin que j'utilise toujours pour les extraits de code personnalisés car il vous évite de faire des erreurs qui pourraient casser votre site et garde votre code en sécurité lors des mises à jour de thème.

Étape 1 : Installer WPCode et créer un nouveau snippet

Tout d'abord, installez et activez le plugin gratuit WPCode. Si vous avez besoin d'aide, consultez notre guide sur comment installer des plugins WordPress.

Ensuite, allez dans Extraits de code » Ajouter un extrait depuis votre tableau de bord et sélectionnez ‘Ajouter votre code personnalisé (Nouvel extrait)’.

Ensuite, vous devrez choisir le type de code de votre extrait. En bas de l'écran, cliquez simplement sur l'option ‘PHP’.

Étape 2 : Ajouter le code PHP personnalisé

Sur l'écran suivant, donnez un titre à votre extrait, par exemple ‘Shortcode des derniers articles mis à jour’.

Ensuite, dans la boîte ‘Aperçu du code’, collez le code suivant :

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

Laissez-moi vous expliquer rapidement ce que fait ce code. Il crée une fonction qui utilise ‘WP_Query‘, qui est la manière standard de WordPress de récupérer des articles de votre base de données. Nous l'avons configuré pour obtenir les articles triés par leur date de ‘modification’.

Ensuite, il encapsule cette fonction dans un shortcode, [lastupdated-posts], que vous pouvez utiliser n'importe où sur votre site.

Enfin, wp_reset_postdata() restaure la requête principale de WordPress. C'est une bonne pratique importante qui empêche notre code personnalisé de casser accidentellement d'autres fonctions sur la page.

Maintenant, faites défiler jusqu'à la section ‘Insertion’ et assurez-vous que la méthode est réglée sur ‘Insertion automatique’ et que l'emplacement est ‘Exécuter partout’. C'est le réglage standard pour les shortcodes et cela garantit que WordPress le reconnaîtra n'importe où sur votre site.

La méthode ‘Insertion automatique’ avec l'emplacement ‘Exécuter partout’ est la configuration correcte. Cela garantit que WordPress reconnaîtra votre shortcode, où que vous décidiez de l'utiliser sur votre site.

Enfin, basculez l'interrupteur en haut sur « Actif » et cliquez sur le bouton « Enregistrer le snippet ».

Étape 3 : Ajouter le shortcode à votre site

Vous pouvez maintenant ajouter votre liste n'importe où sur votre site qui accepte les shortcodes.

Modifiez simplement un article ou une page, ajoutez un bloc Shortcode, et tapez :

[lastupdated-posts]

Cela affichera le nombre par défaut de 5 articles.

Pour afficher un nombre différent, vous pouvez utiliser le paramètre 'limit' comme ceci :

[lastupdated-posts limit="10"]

Le code produira une liste simple et non stylisée qui héritera du style par défaut de votre thème pour les liens et les éléments de liste. Vous pouvez ajouter du CSS personnalisé à la feuille de style de votre thème pour styliser la classe '.last-updated-posts' si vous le souhaitez.

Voici à quoi cela ressemble dans une barre latérale sur mon site de test :

Bonus : Comment afficher une date de « dernière mise à jour » sur les articles individuels

En plus d'afficher une liste sur votre page d'accueil ou votre barre latérale, c'est aussi une excellente idée d'afficher la date de « dernière mise à jour le » au début de vos articles. Cela indique immédiatement aux lecteurs que les informations sont actuelles et fiables, ce qui, selon moi, renforce considérablement la crédibilité.

De nombreux thèmes populaires ont cette option intégrée. Vérifiez les paramètres de votre thème sous Apparence » Personnaliser. Recherchez les paramètres liés aux métadonnées d'article ou à la mise en page du blog/des articles.

Si votre thème n'a pas cette option, vous pouvez facilement l'ajouter. Pour un guide complet, consultez notre article sur la façon d'afficher la date de dernière mise à jour des articles dans WordPress.

Foire aux questions sur l'affichage des articles récemment mis à jour

Voici les réponses à certaines des questions les plus fréquentes concernant l'affichage des articles récemment mis à jour.

1. La mise à jour d'un article affecte-t-elle son URL ou son référencement (SEO) ?

Non, la simple mise à jour du contenu d'un article ne modifie pas son URL (permalink). En fait, mettre à jour et améliorer votre ancien contenu est une pratique recommandée en matière de référencement qui peut améliorer votre classement dans les moteurs de recherche.

2. Puis-je exclure certains articles de la liste des derniers articles mis à jour ?

Oui. Le plugin de blocs Kadence que nous avons mentionné vous permet d'inclure ou d'exclure des catégories spécifiques directement depuis les paramètres du bloc. Si vous utilisez la méthode du code personnalisé, vous pouvez modifier les arguments de WP_Query dans l'extrait de code pour exclure des articles par ID, catégorie ou étiquette spécifique.

3. Quelle est la différence entre la date de modification et la date de publication ?

La date de publication est la date à laquelle l'article a été mis en ligne pour la première fois sur votre site. La date de modification est la date à laquelle l'article a été enregistré pour la dernière fois avec des modifications. Un article peut avoir une date de publication datant de plusieurs années, mais une date de modification datant d'hier.

J'espère que ce guide vous a aidé à apprendre comment afficher les articles mis à jour pour la dernière fois dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur comment afficher les articles similaires avec miniatures pour maintenir l'engagement de vos visiteurs encore plus longtemps, ou notre sélection d'experts des widgets WordPress les plus utiles pour votre site.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.