Avez-vous déjà vu des sites qui affichent un aperçu en direct des liens lorsque vous passez votre souris dessus ? C’est en utilisant une fenêtre contextuelle jQuery qui affiche une capture d’écran d’une page liée lorsque les utilisateurs placent 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 avez besoin de plus d’instructions, continuez à lire.
La première chose que vous devez faire est d’installer et d’activer le Liens d’aperçu en direct WP brancher. Lors de l’activation, un nouvel élément de menu intitulé Live Preview Links apparaîtra dans votre barre d’administration WordPress. En cliquant dessus, vous accéderez à la page des paramètres du plugin.
En utilisant ce plugin, vous pouvez avoir des aperçus en direct pour les liens externes, internes, tous ou sélectifs. Selon ce que vous essayez de réaliser, de nombreux sites utilisent des aperçus en direct pour des 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 que trop d’aperçus en direct peuvent être très distrayants et ennuyeux pour vos utilisateurs.
Choisir class="wp-live-preview"
vous permettra d’afficher manuellement des aperçus en direct des 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">Example Link</a>
Entre autres paramètres, vous pouvez choisir la taille de la fenêtre contextuelle d’aperçu en direct, la position et la fenêtre d’affichage du site 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 comment 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 brisés dans WordPress avec le vérificateur de liens brisés.