fbpx

Bons plans Alpa14 | Des offres et des réductions intéressantes à découvrir 😃

Créer des liens dʹancrage sur un site WordPress avec Divi

Créer des ancres pour améliorer l’expérience utilisateur

Dans ce nouveau tuto WordPress Divi, je vous montre comment réaliser des liens d’ancrage (anchor links) sur votre site Divi WordPress. Créer des ancres de liens sur une page web longue est intéressant et améliore l’expérience utilisateur en facilitant la navigation. En effet, vous pouvez créer une table des matières des sujets abordés en entête, ainsi vos visiteurs pourront accéder en un clic directement à la partie, à la section qui les intéresse. De plus, cette bonne pratique améliorera votre SEO.

Dans cette vidéo, je vous montre comment créer 4 types d’ancres :
– à partir de texte
– à partir d’un bouton
– à partir d’un élément du menu
– à partir du texte ou du bouton d’une page vers la partie précise d’une autre page.

Dans ce tuto, nous utiliserons le thème Divi d’Elegant Themes et son excellent Visual Builder !

Licence Divi
Code Promo Divi Supreme
.

Définir la cible du lien d’ancrage

    Vous pouvez définir la cible du lien d’ancrage sur la section, la rangée ou le module. A vous de voir selon la précision d’affichage que vous souhaitez obtenir.
    Dans notre tutoriel, nous ciblerons une section, mais pour la rangée ou le module, la procédure est la même. Pour cela rendez-vous dans les paramètres. Pour nous ce sera ici ceux de la section. Choisir ensuite l’onglet « Avancé » puis dans « ID et classe CSS » et dans « ID CSS », entrer votre mot cible (1 seul mot). Pour nous ce sera ici « ancre1 ». Sauvegarder ensuite vos changements.

    Lien Ancrage texte

    Lien d’ancrage à partir de texte

    Ouvrir ensuite les paramètres d’un module texte par exemple. Dans l’onglet « Contenu », sélectionner les mots du texte à lier, cliquer sur le maillon du menu, puis dans le pop-up « Insert Link » dans « URL » reporter le nom de votre cible précédé d’un #. Pour nous ce sera ici #ancre1. Sauvegarder vos changements, enregistrer votre page et quitter le Visual Builder pour tester votre lien.

    Presto Player lecteur vidéo WordPress
    Lien ancrage texte

    Lien d’ancrage à partir d’un bouton

    Même procédure que précédemment sauf qu’il faut se rendre dans les paramètres du module « Bouton ». Dans l’onglet « Contenu » puis « Lien » saisir le même le mot cible précédé d’un #.

    Amelia booking plugin
    Lien ancrage bouton

     Lien d’ancrage à partir d’un élément du menu

    Pour cela, il faut se rendre dans le menu WordPress de gauche dans « Apparence > Menu » et ici dans la colonne de gauche, cliquer sur « Liens personnalisés ». Dans URL entrer le mot cible précédé d’un #. Dans notre cas ce sera toujours #ancre1

    Dans « Texte du lien » entrer le mot qui figurera dans votre menu et qui déclenchera le lien. Vous pourrez ensuite réorganiser ce lien personnalisé comme une page classique de votre menu par simple « Glisser / Déposer ».

    Lien ancrage à partir du menu
    Thinkific one month free

    Lien d’ancrage à partir de texte ou d’un bouton d’une page vers la partie précise d’une autre page

    Pour cette dernière manière de procéder, ce sera exactement pareil que pour le texte ou le bouton sauf que dans URL, il faudra renseigner l’adresse complète de la page à atteindre suivie d’un /#votre mot cible. Pour nous ce sera toujours ici /#ancre1.

    Lien ancrage d'une page vers une autre page

    Par où commencer pour créer son site Internet ?

    Toute personne disposant d’un ordinateur et d’une connexion Internet peut créer son propre site Web. Il existe de nombreux outils en ligne qui facilitent le processus. Les sites Web peuvent être utilisés pour promouvoir votre entreprise, communiquer avec les clients et partager vos idées.

    Dans cette vidéo qui est qui est une retransmission d’un Webinar, Léopoldine la fondatrice de la société Webmyday, explique les différentes étapes à suivre et les bonnes questions à se poser pour créer son premier site web professionnel. Elle passe en revue les services et les outils nécessaires à la conception Web et propose des conseils pour créer un site Web efficace.

    Cette vidéo est une excellente ressource pour les débutants qui souhaitent en savoir plus sur les étapes à suivre dans la conception Web ou pour les propriétaires d’entreprise qui ont besoin de créer un site Internet pour leur activité. 

    Sommaire de la vidéo

    0:00 Introduction
    2:41 La formation Webmyday qu’est-ce que c’est ?
    6:22 Faire ou faire faire son site Internet ?
    16:31 Solutions pour faire son site soi-même
    18:24 Solutions pour faire faire son site
    22:33 Coût d’un site Internet
    25:55 Un CMS, qu’est-ce que c’est ?
    26:46 Les CMS les plus connus
    32:57 Le nom de domaine
    33:39 L’ hébergement
    34:54 Quelques hébergeurs
    38:35 4 choses que doit comprendre votre hébergement
    40:01 WordPress qu’est-ce que c’est ?
    40:29 Différence entre WP.com et wp.org
    43:00 Les différentes composants de WP
    46:33 En résumé les étapes pour travailler avec WordPress
    47:47 Conclusion

    Sommaire de la vidéo

    Vous serez peut-être également intéressé par ces articles …

    Enregistrer son écran pour créer des formations

    Enregistrer son écran pour créer des formations

    Vous recherchez un logiciel de capture pour filmer l’écran de votre PC ou de votre Mac ? Vous souhaitez créer des démos de logiciels, des démos de jeux, des tutoriels ou des vidéos de formation d’aspect professionnel ? Alors vous avez sans doute besoin de DemoCreator de Wondershare !

    lire plus
    Divi Supreme : Module Text Path

    Divi Supreme : Module Text Path

    Divi Supreme possède un excellent nouveau module intitulé Text Path qui vous permet de créer de magnifiques chemins de texte. Avec ce module, vous pouvez facilement créer des motifs et des dessins complexes dans votre texte.

    lire plus
    Créer un pop-up sur un site Divi

    Créer un pop-up sur un site Divi

    Ce tutoriel vous propose une solution simple et pratique pour créer un pop-up. En effet, je vous présente un plugin gratuit pour Divi intitulé « Popups for Divi » qui vous permettra de transformer toute section de votre site web en fenêtre pop-up.

    lire plus
    Offrez-moi un café! Merci :)