Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Les liens d’ancrage sont utilisés pour naviguer vers un contenu spécifique sur une page et pas seulement entre les pages elles-mêmes.

Il existe de nombreuses utilisations des liens d’ancrage, telles que: B. Sites d’une page, plus ventes et pages de destination.

Par exemple, si vous disposiez d’une longue page de vente décrivant votre produit, vous souhaiterez peut-être placer un bouton « Acheter » à différents endroits de la page, qui pointent tous vers le bas de la page où l’utilisateur peut réellement acheter votre produit.

Maîtriser les connexions d’ancrage dans Divi est en fait très simple.

Utilisez les liens d’ancrage ci-dessous pour accéder à la section souhaitée faire un clin d'oeil

Ancre du menu principal | Bouton d’ancrage | Ancre de texte

Alors cuisinons!

Ancre sur simple pression d’un bouton

Voyons maintenant comment créer une ancre sur un bouton.

Le principe est le même, mais nous allons ajouter l’ancre au champ URL du bouton avec le hachage (#) qui le précède.

Utiliser des connexions d'ancrage dans Divi

Ensuite, nous ajouterons l’ancre au champ ID CSS dans l’onglet Avancé de la section, de la ligne ou du module vers lequel nous voulons établir un lien.

Utiliser des connexions d'ancrage dans Divi

Une fois que vous avez enregistré et mis à jour votre page, votre nouveau bouton sera lié à la section, à la ligne ou au module que vous avez défini.

Ancre de lien texte

Enfin, jetons un coup d’œil à une simple ancre de lien texte.

Supposons que nous voulions créer un lien à partir d’un texte dans un paragraphe. Notre code HTML ressemble à ceci. Vous pouvez voir que nous avons remplacé l’URL par notre ancre unique précédée d’un hachage (#).

This is the HTML I would use to create my custom <a href="https://divisoup.com/3-ways-to-use-anchor-links-in-divi/#myanchor">Anchor Link</a> when using within text.

Encore une fois, nous pouvons ajouter notre ancre au champ ID CSS d’une section, d’une ligne ou d’un module, mais nous pouvons également l’ajouter à un autre texte afin que l’ancre ne soit utilisée que pour créer des liens entre des phrases ou des paragraphes. Par exemple, ici, nous lions à un titre:

<h1 id="myanchor">This is a heading</h1>

Ici, nous lions au début d’un paragraphe:

<p id="myanchor">This is the beginning of my paragraph...</p>

Et nous pourrions même utiliser une balise span comme celle-ci pour créer un lien vers un mot ou une phrase spécifique dans un bloc de texte:

Here is some text, <span id="myanchor">anchor links to here</span> and some more text...

Ces solutions sont idéales pour créer des liens vers du contenu sur la même page. Cependant, que faire si vous souhaitez créer un lien vers une ancre sur une autre page?

Dans ce cas, vous devez ajouter le nom de la page avant l’ancre. Donc, sur votre bouton, élément de menu personnalisé ou lien texte, voici comment ajouter votre ancre:

/ nom de page / # myanchor

au lieu de juste

#myanchor

Si vous avez un scénario dans lequel vous souhaitez simplement accéder à une ancre sur la page d’accueil à partir d’une autre page, par exemple Par exemple, si vous avez un site Web d’une page avec un blog et que vous souhaitez accéder à des articles individuels à une ancre sur la page d’accueil, vous pouvez simplement utiliser une barre oblique précédente comme celle-ci:

/ # myanchor

Et c’est tout, assez facile, non?

Si vous avez trouvé cela utile, laissez un commentaire et abonnez-vous à ma newsletter pour tous mes derniers contenus liés à Divi. le sourire

Michelle X.





Source link

Recent Posts