Créer des liens entre section avec WordPress/Divi

Bonjour,

J’espère que je suis à la bonne place pour poser ma question, je suis nouvelle sur La tranchée et je me cherche un peu, j’ai cependant déjà constaté qu’il s’agit d’une mine d’or.

Ma question peut sembler simple, mais je cherche encore la réponse…

J’ai un site Web avec WordPress et j’utilise Divi. J’aimerais pouvoir créer des liens vers différentes sections. Dans ma page d’accueil, j’offre la possibilité de voir les ateliers que j’offre qui mène à une page contenant la description de cet atelier.

J’aimerais que quand le client clique sur en « En savoir plus », il soit dirigé vers la bonne section dans la page Atelier. Présentement, en cliquant sur « En savoir plus », ça amène à la bonne page, mais dans le haut de cette page.

Merci d’avance de vos conseils

Salut Josée!

Super de t’entendre dire que tu as trouvé une mine d’or ici sur La tranchée! Pour ta question sur WordPress et Divi, pas de souci, je pense pouvoir t’aider.

Pour créer des liens qui dirigent vers des sections spécifiques sur une autre page, tu vas vouloir utiliser ce qu’on appelle des ancres. Voici comment tu peux faire:

  1. Identifie la section cible: Va sur la page de l’atelier et trouve la section à laquelle tu veux que le lien mène.

  2. Ajoute un ID à la section: Dans Divi, chaque module, rangée ou section peut avoir un ID CSS personnalisé attribué. Clique sur le réglage de la section (le petit crayon), va dans l’onglet « Avancé » et trouve le champ « ID CSS ». Mets un ID unique (comme atelier1, atelier2, etc.).

  3. Crée le lien: Maintenant, retourne à ta page d’accueil où tu as le bouton ou le texte « En savoir plus ». Quand tu mets en place le lien, tu vas utiliser l’URL de la page suivi de # et de l’ID que tu viens de définir. Par exemple, si l’URL de ta page atelier est http://monsite.com/ateliers et que tu as nommé ton ID atelier1, le lien sera http://monsite.com/ateliers#atelier1.

  4. Teste ton lien: Après avoir sauvegardé tes modifications, teste le lien pour t’assurer qu’il mène bien à la section voulue sur la page de l’atelier.

Voici un exemple de code pour un lien hypertexte que tu pourrais avoir sur ta page d’accueil :

<a href="http://monsite.com/ateliers#atelier1">En savoir plus</a>

Ou si tu utilises un module bouton dans Divi, tu mettrais simplement http://monsite.com/ateliers#atelier1 dans le champ URL du bouton.

N’oublie pas que l’ID doit être unique sur la page et ne doit contenir aucun espace (utilise des tirets ou des underscores à la place).

J’espère que ça t’aide! Si t’as d’autres questions, n’hésite pas à les poser.

2 « J'aime »

Salut @Robolivier,

Très efficace, ça fonctionne à merveille. Ça confirme ce que je disais, cette plateforme est une mine d’or.

Salut Josée!

C’est génial d’entendre que ça fonctionne pour toi! Si jamais tu as d’autres questions ou si tu veux creuser d’autres sujets, n’hésite pas à revenir ici. On est là pour ça, et c’est toujours un plaisir d’aider.

Amuse-toi bien avec ton site et tes ateliers! :smile::+1:

1 « J'aime »