Comment mettre en évidence les nouveaux messages pour les visiteurs récurrents dans WordPress
Vous êtes-vous déjà demandé comment les sites populaires mettent en avant les nouvelles publications pour les visiteurs récurrents ? Mettre clairement en évidence les nouvelles publications auprès des visiteurs connus est un excellent moyen d'aider les utilisateurs à trouver du nouveau contenu et à augmenter le nombre de pages vues. Dans cet article, nous allons vous montrer comment mettre en évidence les nouvelles publications pour les visiteurs récurrents dans WordPress.
Pourquoi mettre en avant les nouveaux messages pour les visiteurs qui reviennent ?
Les visiteurs qui reviennent sont généralement des utilisateurs qui aiment votre contenu et reviennent en chercher plus. Cependant, la plupart de ces utilisateurs n’y passent que quelques secondes et s’en vont s’ils ne trouvent rien d’intéressant.
En mettant en évidence le nouveau contenu, vous pouvez attirer l’attention de l’utilisateur sur le dernier contenu. Cela vous aidera non seulement à augmenter le nombre de pages vues, mais aidera également les utilisateurs à trouver du nouveau contenu.
Méthode 1 : mettre en évidence les nouvelles publications WordPress avec un plugin
Dans cette méthode, nous utiliserons un plugin pour mettre en évidence les nouvelles publications pour les utilisateurs connus. Cette méthode est plus simple à mettre en œuvre et nous la recommandons aux débutants.
La première chose que vous devez faire est d’installer et d’activer le plugin Mark New Posts. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Lors de l'activation, vous devez visiter Paramètres » Marquer les nouveaux messages pour configurer le plugin.
Vous devez d’abord choisir l’emplacement des marqueurs. Le plugin peut afficher un nouveau marqueur de publication avant le titre de la publication, après le titre de la publication, ou les deux.
Après cela, vous devez choisir un type de marqueur. Il existe un certain nombre de choix. Par défaut, le plugin affichera une petite image comme marqueur.
Vous pouvez choisir d'afficher un cercle, une image personnalisée, un texte « Nouveau » ou un drapeau.
Enfin, vous devez sélectionner le moment où vous souhaitez que le marqueur disparaisse. Si vous cochez la case à côté de l’option « Marquer les messages comme lus uniquement après ouverture », le plugin continuera d’afficher les messages non lus comme nouveaux pour vos utilisateurs.
Cela peut être un peu ennuyeux pour vos utilisateurs. Nous vous recommandons de ne pas cocher cette case afin que vos utilisateurs ne soient informés que des nouvelles publications depuis leur dernière visite.
N'oubliez pas de cliquer sur le bouton Enregistrer pour stocker vos paramètres.
C'est tout, le plugin mettra désormais en évidence les nouvelles publications pour les utilisateurs connus avec le type de marqueur sélectionné.
Méthode 2 : mettre en surbrillance les nouveaux messages en ajoutant du code manuellement
Cette méthode nécessite l'ajout de code à votre site WordPress. Si vous êtes sûr de pouvoir ajouter des extraits de code à votre site WordPress, vous pouvez essayer cette méthode.
Comme toujours, assurez-vous de sauvegarder WordPress avant d’ajouter des extraits de code à votre site.
La première chose que vous devez faire est de copier et coller ce code dans le fichier function.php de votre thème ou dans un plugin spécifique au site.
function wpb_lastvisit_the_title ( $title, $id ) {
if ( !in_the_loop() || is_singular() || get_post_type( $id ) == 'page' ) return $title;
// if no cookie then just return the title
if ( !isset($_COOKIE['lastvisit']) || $_COOKIE['lastvisit'] == '' ) return $title;
$lastvisit = $_COOKIE['lastvisit'];
$publish_date = get_post_time( 'U', true, $id );
if ($publish_date > $lastvisit) $title .= '<span class="new-article">New</span>';
return $title;
}
add_filter( 'the_title', 'wpb_lastvisit_the_title', 10, 2);
// Set the lastvisit cookie
function wpb_lastvisit_set_cookie() {
if ( is_admin() ) return;
$current = current_time( 'timestamp', 1);
setcookie( 'lastvisit', $current, time()+60+60*24*7, COOKIEPATH, COOKIE_DOMAIN );
}
add_action( 'init', 'wpb_lastvisit_set_cookie' );
Ce code recherche un cookie appelé lastvisit lorsqu'un utilisateur arrive sur votre site Web. S'il ne trouve pas le cookie, il définit le cookie avec l'heure actuelle.
S’il trouve le cookie, il ajoute « Nouveau » au titre des articles publiés depuis la dernière visite de l’utilisateur.
Notez qu'il y a une classe new-article dans la balise <span> autour de « Nouveau ». Vous utiliserez cette classe pour styliser le texte en utilisant CSS.
Nous avons utilisé le CSS suivant pour notre démo. Copiez-le simplement et collez-le dans la feuille de style de votre thème ou de votre thème enfant.
.new-article {
background: #feffdd;
padding: 3px;
border: 1px solid #eeefd2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left:5px;
font-size: small;
font-weight: bold;
}
Voici à quoi cela ressemblait sur notre site Web de démonstration.
Nous espérons que cet article vous a aidé à mettre en évidence les nouvelles publications destinées aux visiteurs récurrents dans WordPress. Jouez avec le code, modifiez le texte en surbrillance et le CSS pour répondre à vos besoins.
Vous pouvez également consulter notre guide sur la façon d'afficher les dernières publications visitées à un utilisateur.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.