[Résolu] faire un lien d'encrage

webassowebasso Member
4 juil. modifié dans Entraide

Bonjour, Y a t-il un plugin ou une astuce pour installer un lien d'encrage sur une page d'un site pointant vers une autre page à l'endroit exact d'un titre de paragraphe ?
Comment fait-on cela ?

Réponses

  • Pour faire un lien vers une ancre, il te faut une id .
    exemple dans ta page : monsite.com/article1/mon-beau-article

    <p id="monAncre">blabla opposum tada tatam</p>
    

    Ensuite le lien pour tomber sur ton paragraphe et le faire remonter sera : monsite.com/article1/mon-beau-article#monAncre

    Cdt,
    GC

    Remise en ligne et test de mon vieux site re7net.com . le design et moi on ne sait ... s'est jamais reconnu en fait! mais je fait des efforts.

  • webassowebasso Member
    4 juil. modifié

    Bonjour,
    Merci pour cette réponse,
    Je ne comprends pas encore bien comment faire... pouvez-vous m'y aider ?
    Je vous donne un exemple concret :
    Sur cette page (sous la vidéo "la masquerade") : https://quilucru.fr/article/la-fete-a-assez-dure à cette endroit du code <p>Voir une autre vidéo ici</p> que je voudrais transformer en lien pointant vers une autre page du site : https://quilucru.fr/static/videos et dont l'ancre serait ce groupe de mot "LA RELIGION vers... la Diessité" dans le titre : "À Diesse en 10 étapes avec GHIS, Épisode 3 : LA RELIGION vers... la Diessité" qui se situe tout en bas de page
    comment fait-on ?
    Merci d'avance

  • kowalskykowalsky Member

    Salut webasso,

    un lien externe vers un ancrage dans une autre page sera sous la forme : URL#ancre

    Sur ta première page, tu fais un lien vers la seconde en rajoutant l'ancre après le caractère # :

    <p><a href="https://quilucru.fr/static/videos#ancre1">voir une autre vidéo ici</a></p>
    

    Sur ta seconde page, tu insères l'ancre dans ton texte :

    <h2 id="ancre1">À Diesse ... la Diessité</h2>
    
  • webassowebasso Member

    Salut Kowalsky et merci
    C'est au poil !
    j'ai rajouté " target="_blank" dans le code pour avoir un nouvel onglet... <p><a href="https://quilucru.fr/static/videos#ancre1" target="_blank">voir une autre vidéo ici</a></p>

Connectez-vous ou Inscrivez-vous pour répondre.