Sélectionner une page


Deux Les connexions d’ancrage peuvent être très pratiques et faciles à réaliser. Ce didacticiel vous montre comment créer des liens d’ancrage de trois manières différentes.

Mais d’abord, j’expliquerai ce que sont les liens d’ancrage et quelle est la différence entre les liens réguliers. Un lien normal pointe vers le début d’une autre page. Un lien d’ancrage fait référence à un endroit spécifique sur cette page.

Par exemple, pour ce tutoriel, j’ai créé 3 liens d’ancrage que vous pouvez trouver ci-dessous. Je les utilise comme chapitre lorsque vous cliquez sur l’un d’entre eux et faites défiler jusqu’à cette section de ce guide. Il y a un lien «Retour en haut» dans chaque section. Lorsque vous cliquez dessus, vous revenez en haut de la page. C’est aussi un lien d’ancrage.

Créer un lien texte d’ancrage dans Divi

La création d’un lien d’ancrage est un processus en deux étapes. La première étape consiste à créer le lien d’ancrage et la deuxième étape consiste à affecter cette ancre à un point de votre page (là où elle doit aller).

Étape 1
Commençons par un simple lien d’ancrage de texte. Vous pouvez le faire à partir du module de texte. Créez le texte de votre lien d’ancrage, puis ajoutez un lien hypertexte comme vous le feriez si vous créiez un lien régulier.

Créer un lien d'ancrage dans Divi

étape 2
Normalement, pour les hyperliens, vous l’attribueriez maintenant à une URL afin qu’elle pointe vers une autre page. Mais nous le faisons différemment avec les connexions d’ancrage. Au lieu de le lier à une autre page, nous ajoutons une balise d’ancrage commençant par « #»Suivi du nom de l’ancre. Le nom de l’ancre peut être n’importe quoi, mais je recommande de le nommer par thème.

étape 3
Vous devez maintenant attribuer le lien d’ancrage à une section de votre page afin que, lorsque vous cliquez sur le lien d’ancrage, il accède à cette partie de la page. Dans Divi, nous saisissons l’identifiant de l’ancre dans une section, une ligne ou un module. L’ID est le nom d’ancrage que vous avez utilisé à l’étape 2.

Ouvrez votre section, ligne ou module et passez à l’onglet Avancé. Dans le fichier ID CSS & Classes dans l’ID d’ancrage dans le champ ID CSS.

Attribuer un identifiant à la zone Divi

Utiliser un module de boutons

Vous pouvez également utiliser un module de boutons pour votre lien d’ancrage. Vous placez le nom de l’ancre dans le champ de lien. Placez # devant le nom de votre ancre.

Connexion d'ancrage du module de boutons

Créer un lien d’ancrage vers une section spécifique sur une autre page

Vous pouvez également créer un lien d’ancrage pour pointer vers une section spécifique sur une autre page. C’est très simple à faire. Vous placez simplement # et votre nom d’ancre après votre lien de destination (voir l’image ci-dessous).

Lien d'ancrage vers une autre page

Assurez-vous également de mettre / puis le nom de votre ancre avec un #.

La section à laquelle vous souhaitez vous référer doit avoir le nom ID dans le champ ID CSS & Classes> ID CSS. Dans mon cas, l’ID serait create-anchor-text-link.

Créez un lien d’ancrage dans votre menu

Pour créer un lien d’ancrage dans votre navigation, allez dans Affichage> Menu.

Créez un lien personnalisé.

Dans le champ URL, saisissez l’URL de la page et le nom de l’ancre avec un # devant.

Saisissez un nom pour votre lien dans le champ de texte Lien.

Créer un lien d'ancrage de menu

Menu de navigation unilatéral

Si vous utilisez un site Web d’une page, vous pouvez créer divers éléments de menu personnalisés qui défilent jusqu’à une section de cette page. Au lieu d’utiliser l’URL complète dans la zone de lien personnalisé, utilisez simplement # et votre nom d’ancre (remplacez votre nom d’ancre par le vôtre). Si vous utilisez l’URL complète, elle passera directement à cette partie au lieu d’un bel effet de défilement lisse.



Source link

Recent Posts