Afficher le titre des articles précédents et suivants au survol de la souris

Il y a quelque temps, nous avons publié un article sur la façon d’ajouter facilement les boutons suivant (Next) précédent (previous) dans vos articles sous Wordpress . Aujourd’hui on va apprendre comment afficher le titre des articles précédents et/ou suivants qui s’affiche au survol de la souris sur un lien / bouton.

Titre des articles précédents et suivants au survol de la souris

next previous button suivant précédent bouton

Commençons:

Étape 1:

Veuillez vous assurer d’avoir suivi le didacticiel ci-dessus pour afficher le bouton de navigation précédent-suivant .

Passant à l’étape 2 après avoir suivi le didacticiel.

Étape 2 :

Ajoutez le code ci-dessous au fichier de votre thème functions.php pour afficher le titre au survol de la souris.

Il y a deux fonctions next_post_link et previous_post_link que nous allons modifier en ajoutant le titre de propriété.

// Add Title to next post link
add_filter('next_post_link', function($crunchify_link) {
  $next_post = get_next_post();
  $crunchify_title = $next_post->post_title;
  $crunchify_link = str_replace('href=', 'title="'.$crunchify_title.'" href=', $crunchify_link);
  return $crunchify_link;
});
 
// Add Title to previous post link
add_filter('previous_post_link', function($crunchify_link) {
  $previous_post = get_previous_post();
  $crunchify_title = $previous_post->post_title;
  $crunchify_link = str_replace('href=', 'title="'.$crunchify_title.'" href=', $crunchify_link);
  return $crunchify_link;
});

Et c’est tout. Nettoyez simplement le cache de votre site et vous devriez commencer à voir le titre des articles suivants et précédents au survol de la souris.

Veuillez nous informer si vous rencontrez un problème pour afficher le titre précédent-suivant sur votre article de blog .

N’hésitez pas non plus à partager une capture d’écran si vous avez un beau contrôle de navigation sur votre site et que vous souhaitez partager avec d’autres utilisateurs.

Article précédent

7 meilleures astuces pour personnaliser le thème GeneratePress

Article suivant

3 meilleurs plugins gratuits de staging pour WordPress

Laisser un commentaire

Ajouter un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *