Avez-vous déjà vu des sites qui affichent une prévisualisation en direct des liens lorsque vous passez la souris dessus ? C’est en utilisant une fenêtre surgissante jQuery qui affiche une capture d’écran d’une page liée lorsque les utilisateurs/utilisatrices passent leur souris sur le lien. Dans cet article, nous allons vous montrer comment afficher une Prévisualisation en direct des liens dans WordPress.
Tutoriel vidéo
Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, alors continuez à lire.
La première chose à faire est d’installer et d’activer l’extension WP En direct Prévisualisation Links. Une fois activé, un nouvel article de menu libellé En direct Prévisualisation Links apparaîtra dans votre barre d’administration WordPress. En cliquant dessus, vous accéderez à la page des Réglages de l’extension.
En utilisant cette extension, vous pouvez avoir des Prévisualisations directes pour les liens externes, internes, tout sélectionnés. En direct, de nombreux sites utilisent la prévisualisation en direct pour les sites externes. Certains sites d’e-commerce utilisent la prévisualisation en direct pour afficher un aperçu des pages de produits. En direct, n’oubliez pas qu’un trop grand nombre de prévisualisations en direct peut distraire et gêner vos utilisateurs/utilisatrices.
Choisir class="wp-live-preview"
vous permet d’afficher manuellement des prévisualisations en direct pour les liens au fur et à mesure que vous les ajoutez. Ajoutez simplement la classe à vos liens comme ceci :
<a href="http://www.example.com" class="wp-live-preview">Lien d'exemple</a>
Parmi les autres réglages, vous pouvez choisir la taille de la fenêtre surgissante de l’aperçu direct, la position et la fenêtre de visualisation du site du lien aperçu. Les réglages par défaut conviennent à la plupart des sites. Il vous suffit de cliquer sur le bouton Enregistrer les modifications pour stocker vos réglages.
Vous pouvez maintenant visiter votre site pour voir la Prévisualisation en direct des liens en action.
Nous espérons que cet article vous a aidé à apprendre comment afficher l’aperçu en direct des liens dans WordPress. Vous pouvez également consulter notre guide sur la façon de corriger les liens rompus dans WordPress avec le vérificateur de liens rompus.
Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Google+.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Colin says
Thanks for the article, that plugin has ceased operation and is no longer downloadable, if you had a new suggestion that works I’d greatly appreciate it. The RT Media paid version isn’t up to scratch and there’s not a lot to be found via Google.
WPBeginner Support says
Thank you for letting us know, we will be sure to look into updating this article
Administrateur
Marcus Quiroga says
Hi,
Is there an update of this function nowadays? I’m trying it on external links at. Does someone could help me with that?
thank you
WPBeginner Staff says
Thanks for correcting us, we have updated the article.
Tim Roberts says
How do you get this to on work on specifc links.
WPBeginner Staff says
Unfortunately plugin does not have a way to show preview for selective links you can only choose from all, internal, or external links.
Bruce Brown says
Select the « class » option, then put the class on the links you want to display.
Per Søderlind says
Hi, I’m the plugin author.
You can get this to work on specific links by adding class= »wp-live-preview » to the link, and in the settings page set ‘Live Preview Links’ to ‘class= »wp-live-preview’. See the demo links on my site.