Comment mettre en évidence les nouvelles publications pour les internautes qui reviennent dans WordPress

Vous vous demandez comment mettre en évidence les nouvelles publications pour les internautes qui reviennent sur le site de WordPress ?

Afficher les publications qui viennent d’être publiées sur votre site est une façon de tenir vos lecteurs au courant et de s’assurer qu’ils ne manquent pas votre dernier contenu.

Dans ce guide étape par étape, nous allons vous afficher comment mettre en évidence les nouvelles publications pour les visiteurs qui reviennent sur WordPress.

Pourquoi mettre en évidence les nouvelles publications sur votre site WordPress ?

La mise en évidence des nouvelles publications sur votre site WordPress aide les internautes qui reviennent à découvrir facilement votre nouveau contenu. Ainsi, ils ne manqueront pas les informations fraîches ou les mises à jour que vous avez ajoutées à votre blog.

Libeller les nouvelles publications améliore l’expérience des utilisateurs/utilisatrices sur votre site WordPress. Lorsqu’un internaute arrive sur votre site, il peut facilement repérer les publications qu’il n’a pas encore lues, ce qui lui permet de gagner du temps et d’augmenter le nombre de pages vues.

Une bonne expérience utilisateur sur votre site permet uniquement de satisfaire les internautes, mais aide également au référencement. Lorsque votre site est facile à utiliser, il améliore votre classement dans les moteurs de recherche et augmente la probabilité que les internautes trouvent votre contenu.

Dans cette optique, voyons comment mettre en avant les nouvelles publications pour les internautes qui reviennent sur le site de WordPress.

Nous allons vous afficher deux méthodes : l’une avec une extension WordPress et l’autre avec du code. Vous pouvez passer à une méthode spécifique en utilisant les liens rapides ci-dessous :

Méthode 1 : Mettre en évidence les nouvelles publications WordPress à l’aide d’une extension WordPress

Cette première méthode utilise l’extension Mark New Posts. Nous le recommandons aux débutants complets car il est très simple. Cette extension ajoutera un libellé pour afficher les publications de blog que les visiteurs de votre site n’ont pas encore vues.

Tout d’abord, vous devez installer et activer l’extension Mark New Posts. Si vous avez besoin de conseils, consultez notre guide étape par étape sur l’installation d’un plugin WordPress.

Après cela, allez dans Réglages  » Marquer les nouvelles publications depuis la zone d’administration de WordPress. Vous verrez maintenant la page des réglages de l’extension.

Vous devez maintenant sélectionner l’endroit où le libellé « Nouvelle » doit être affiché. Vous pouvez sélectionner Après le titre de la publication, Avant le titre de la publication ou Avant et après le titre de la publication.

Nous trouvons que l’ajout du libellé après le titre de la publication ressemble à une notification et attire le plus l’attention des utilisateurs/utilisatrices, c’est donc ce que nous avons choisi.

Ensuite, vous devez choisir l’aspect du marqueur dans le réglage du type de marqueur. Les options sont les suivantes : texte « nouveau », texte « ancien », cercle orange, drapeau, image ou aucun.

Confirmez les différentes options pour voir laquelle s’intègre le mieux à la conception de votre site.

Un autre réglage que vous pouvez définir est la couleur d’arrière-plan du titre de la nouvelle publication. Si vous activez ce paramètre, lorsqu’un lecteur visite une nouvelle publication, il verra que la section du titre de la publication a une couleur d’arrière-plan. Nous n’avons pas trouvé ce réglage nécessaire et l’avons donc désactivé.

Dans le réglage « Considérer un message comme lu », vous pouvez choisir le moment où le libellé du nouveau message doit être inactif : après l’ouverture du message, après son affichage dans la liste ou après l’ouverture de n’importe quelle page web du blog.

Nous suggérons d’opter pour « après son ouverture ». Cela signifie que si un internaute n’a pas lu plusieurs publications et qu’il en ouvre une, le libellé de la nouvelle publication pour les autres articles ne disparaîtra pas.

Outil personnalisé de personnalisation. Vous pouvez sélectionner le nombre de jours pendant lesquels la publication doit rester mise en évidence comme nouvelle, afficher toutes les publications existantes comme nouvelles pour les nouveaux clients/clientes et désactiver le nouveau libellé pour les types de publication personnalisés.

Les deux derniers réglages sont assez avancés.

L’une d’entre elles consiste à « Permettre en dehors de la liste des publications », ce qui vous permet de mettre en évidence les publications en dehors de la boucle, par exemple dans les zones de la colonne latérale prêtes à recevoir des widgets. Soyez prudent lorsque vous activez ce Réglage, car il peut créer des erreurs WordPress indésirables.

L’autre paramètre est « Utiliser JavaScript pour afficher les marqueurs », qui est uniquement recommandé si l’extension n’est pas compatible avec le thème ou les autres extensions utilisées sur votre blog. Dans la plupart des cas, il est préférable de désactiver ce réglage.

Une fois que vous avez défini les réglages de l’extension, cliquez sur « Enregistrer ».

Et le tour est joué ! En direct, visitez votre site en mode incognito pour voir si les nouveaux libellés des publications récentes sont en ligne.

Voici ce que cela donne sur notre site de démonstration :

Méthode 2 : Mettre en évidence les nouvelles publicités en ajoutant du code personnalisé

Vous n’êtes pas satisfait des nouvelles options de libellés de publication offertes par l’extension précédente ? Si oui, alors vous pouvez mettre en évidence les nouvelles publications en utilisant un code personnalisé à la place.

Pour les débutants, cette méthode peut sembler intimidante. Mais ne vous inquiétez pas car nous utiliserons l’extension WPCode pour insérer en toute sécurité des extraits de code dans WordPress sans casser votre site.

WPCode permet également de gérer facilement plusieurs extraits de code personnalisés, ce qui sera pratique dans notre cas puisque nous en utiliserons plusieurs.

La première chose à faire est d’installer WPCode dans WordPress. Pour les instructions de configuration, consultez notre article sur l ‘installation d’un plugin WordPress.

Ensuite, allez dans  » Code Snippets  » +  » Add Snippet  » à partir de votre tableau de bord WordPress. Après cela, sélectionnez  » Ajouter votre code personnalisé (nouvel extrait)  » et cliquez sur le bouton  » Utiliser l’extrait « .

Maintenant, ajoutons un module à votre extrait de code afin qu’il soit plus facile de le trouver ultérieurement si nécessaire. Pour cela, vous pouvez l’appeler quelque chose comme « WordPress Dernier Visit Title Modifier ».

Sélectionnez ensuite « PHP Snippet » dans le menu déroulant « Code Type ».

Ensuite, vous pouvez copier et coller l’extrait de code ci-dessous :

// Define a function to modify post titles based on the last visit
function wpb_lastvisit_the_title($title, $id) {

    // Check if not in the loop, a singular page, or a page post type; if true, return the original title
    if (!in_the_loop() || is_singular() || get_post_type($id) == 'page') return $title;

    // Check if no 'lastvisit' cookie is set or if it is empty; if true, set the cookie with the current timestamp
    if (!isset($_COOKIE['lastvisit']) || $_COOKIE['lastvisit'] == '') {
        $current = current_time('timestamp', 1);
        setcookie('lastvisit', $current, time() + 60 * 60 * 24 * 7, COOKIEPATH, COOKIE_DOMAIN);
    }

    // Retrieve the 'lastvisit' cookie value
    $lastvisit = $_COOKIE['lastvisit'];

    // Get the publish date of the post (in Unix timestamp format)
    $publish_date = get_post_time('U', true, $id);

    // If the post was published after the last visit, append a new span to the title
    if ($publish_date > $lastvisit) $title .= '<span class="new-article">New</span>';

    // Return the modified or original title
    return $title;
}

// Add a filter to apply the 'wpb_lastvisit_the_title' function to 'the_title' hook with priority 10 and 2 parameters
add_filter('the_title', 'wpb_lastvisit_the_title', 10, 2);

Cet extrait permet de modifier les titres des publications WordPress en fonction de la dernière visite d’un compte.

Il vérifie si la page est une publication de blog ou non, et si ce n’est pas le cas, il affichera le titre original tel quel. Mais s’il s’agit d’une publication de blog, le titre sera modifié.

Ensuite, l’extrait s’assure que le cookie de dernière visite existe. Si ce n’est pas le cas, le code le crée et le définit à l’heure actuelle. La fonction compare ensuite l’heure de la dernière visite avec la date de publication de la publication et ajoute un libellé « Nouveau » au titre si la publication est plus récente que la dernière visite.

Une fois l’extrait de code inséré, défilez vers le bas et sélectionnez « Insertion automatique » pour la méthode d’insertion.

Confirmez également que vous avez choisi l’option ‘Interface publique uniquement’ pour l’Emplacement. Cela signifie que le code s’exécutera uniquement sur la partie de votre blog WordPress avec laquelle les internautes interagissent et non dans votre panneau d’administration ou à d’autres endroits.

Une fois cela activé, vous pouvez rendre le code « actif » et cliquer sur « Enregistrer l’extrait ».

Répétez l’étape pour ajouter un nouvel extrait de code personnalisé. Cette fois, le code va styliser le libellé « Nouvelle » qui est ajouté aux titres des publications récentes en fonction de la dernière visite d’un utilisateur/utilisatrice.

Vous pouvez donc le nommer « Post Title New Label Style » et le type de code doit être « CSS Snippet ».

Vous pouvez ensuite copier et coller les lignes de code suivantes dans la boîte de Prévisualisation du code :

/* CSS to style the "New" label in blog post titles */
.new-article {
    background-color: #4CAF50; /* Green background color */
    color: #ffffff; /* White text color */
    padding: 2px 5px; /* Padding around the label */
    margin-left: 5px; /* Adjust the margin to your preference */
    border-radius: 3px; /* Rounded corners for the label */
    font-size: 12px; /* Adjust the font size to your preference */
}

Cet extrait de code personnalise essentiellement le libellé de la publication « Nouvelle » à l’aide d’une couleur d’arrière-plan, d’une couleur de texte, d’une marge externe, d’un rayon de la bordure et d’une taille de police personnalisés.

N’hésitez pas à adapter ces éléments à vos préférences au fur et à mesure. Confirmez simplement que vous utilisez des codes de couleur hexagonaux ou des valeurs RVB pour les couleurs de l’arrière-plan et du texte.

Dans la section Insertion, sélectionnez ‘Site Wide Header’ comme Emplacement. Ensuite, rendez le code « Actif » et cliquez sur « Enregistrer l’extrait ».

Et le tour est joué ! Pour voir si le code fonctionne, vous pouvez publier un nouvel article de blog et visiter votre site en mode incognito.

Si le code est bien exécuté, vous devriez voir un libellé « Nouvelle » à côté des titres de vos publications récentes.

Astuce : Aidez les utilisateurs/utilisatrices à découvrir des contenus pertinents grâce à des liens internes

Outre la mise en avant des nouvelles publications pour vos internautes, il existe de nombreux autres moyens de maintenir l’intérêt de vos lecteurs.

Dans l’idéal, vous souhaitez que les internautes consultent non pas un, mais trois ou plusieurs articles de blog en une seule fois. Cela affiche qu’ils apprécient votre contenu et qu’ils participent à la communauté que vous êtes en train de constituer.

Cependant, il est parfois difficile pour les Lecteurs de trouver du contenu en rapport avec leurs centres d’intérêt. C’est là que les liens internes entrent en jeu.

Les liens internes sont des liens qui dirigent les utilisateurs/utilisatrices vers d’autres pages ou publications de votre site.

Vous pouvez les utiliser directement dans vos publications de blog. Vous pouvez également créer une section sous la publication pour afficher les articles de blog qui sont actuellement populaires parmi vos lecteurs.

Si vous n’êtes pas sûr des liens internes à utiliser dans une publication de blog, All in One SEO (AIOSEO ) dispose d’une fonctionnalité d’assistant de liens qui peut vous donner quelques idées.

En savoir plus sur les liens internes, consultez notre guide ultime des liens internes pour le référencement.

Nous espérons que cet article vous a aidé à apprendre comment mettre en évidence les nouvelles publications pour les visiteurs qui reviennent sur WordPress. Vous pouvez également consulter notre liste de contrôle de référencement WordPress pour les débutants et les moyens faciles d’augmenter le trafic de votre blog.

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.