• Passer à la navigation principale
  • Passer au contenu principal
  • Passer à la barre latérale principale
Wpcours

Wpcours

Des tuto, thèmes et plugins pour Wordpress

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
  • Contact
Accueil » Tutoriels » Afficher le titre des articles précédents et suivants au survol de la souris

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

Màj le 26 juillet 2020

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.


Plus de cours et exercices corrigés :

  • Créer un formulaire de contact sans plugin avec Google forms
  • Ajouter « related post » à Genesis thème enfant sans plugin
  • Comment importer/exporter vos blocs WordPress Gutenberg en 2 étapes
  • Corriger le problème d’actualisation/redirection de la page de connexion WordPress
  • Ajouter les annonces au niveau de la page à votre blog

Interactions du lecteur

Laisser un commentaire

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

Barre latérale principale

Ne manquez plus rien
Abonnez-vous

Abonnez-vous dès maintenant à la Newsletters de Wpcours et recevez des cours et exercices corrigés Gratuitement.

Articles récents

  • Limiter la longueur minimale et maximale ‎de vos commentaires sous Wordpress
  • Antispam Bee : meilleure configuration à faire
  • 7 outils numériques pour organiser votre travail
  • Top 4 meilleurs plugins RSVP gratuits pour WordPress
  • Comment utiliser des images WebP sur WordPress pour accélérer votre site

© 2022 ·Wpcours.com · Mentions · Contact