Comment afficher l'aperçu en direct des liens dans WordPress

Avez-vous déjà vu des sites proposant un aperçu en direct de liens lorsque vous les survolez avec la souris? Pour ce faire, utilisez une fenêtre contextuelle jQuery qui affiche une capture d'écran d'une page liée lorsque les utilisateurs apportent leur souris sur le lien. Dans cet article, nous allons vous montrer comment afficher un aperçu en direct des liens dans WordPress..

Didacticiel vidéo

Si vous n'aimez pas la vidéo ou si vous avez besoin de plus d'instructions, continuez à lire..

La première chose à faire est d’installer et d’activer le plug-in WP Live Preview Links. Lors de l'activation, un nouvel élément de menu intitulé Liens d'aperçu en direct apparaîtra dans la barre d'administration de WordPress. En cliquant dessus, vous accédez à la page des paramètres du plugin..

En utilisant ce plugin, vous pouvez avoir des aperçus en direct pour des liens externes, internes, tous ou sélectifs. En fonction de vos objectifs, de nombreux sites utilisent des aperçus en direct pour les sites externes. Certains sites de commerce électronique utilisent des aperçus en direct pour afficher un aperçu des pages de produits. Gardez à l'esprit qu'un trop grand nombre de prévisualisations en direct peuvent être très gênants et gênants pour vos utilisateurs..

Choisir class = "wp-live-preview" vous permettra d'afficher manuellement les aperçus en direct des liens au fur et à mesure que vous les ajoutez. Ajoutez simplement la classe à vos liens comme ceci:

Exemple de lien

Parmi d'autres paramètres, vous pouvez choisir la taille de la fenêtre contextuelle de prévisualisation en direct, la position et la fenêtre de visualisation du lien prévisualisé. Les paramètres par défaut fonctionneraient pour la plupart des sites. Cliquez simplement sur le bouton Enregistrer les modifications pour enregistrer vos paramètres..

Vous pouvez maintenant visiter votre site Web pour voir l'aperçu en direct des liens en action..

Nous espérons que cet article vous a aidé à apprendre à afficher un aperçu en direct des liens dans WordPress. Vous pouvez également consulter notre guide sur la façon de réparer les liens rompus dans WordPress à l'aide du vérificateur de liens rompus..

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Google+.