Her er en side med en masse tekst. Hvis man laver ‘at almindeligt link’ til URL’en for denne side, så vises siden ‘fra starten’ for den som følger linket.
Hvis nu man gerne vil have, at den der klikker linket føres direkte til noget som er længere nede på siden, kan man lave et link direkte til et sted på siden, sådan at denne del vises på skærmen når nogen følger linket.
Her er linket til afsnittet i bunden af siden. Klikke man det, føres man direkte til afsnittet. Her er det brugt som en on-page genvej, men linket kan også bruges fra f.eks. menuen eller fra eksterne sites (som f.eks. sociale medier e.lign.
Sådan gør du
For at indsætte linket (som her over) skal du markere den tekst der skal virke som link (teksten “afsnittet i bunden” i ovenstående). Derefter klikker man på kæde-ikonet i block-menuen..
… og navngiver linket. For at wordpress kan forstå at linket er til et anchor skal det starte med et hastag “#”. I dette tilfælde har jeg navngivet linket #afsnit-nederst-paa-side. På dette tidspunkt virker linket ikke, fordi der mangler en destination.
For at lave destinationen, skal man gå til den tekst der skal linkes til – i dette afsnit er det det er H3 overskriften næstnederst på siden.
Der gør man følgende:
- Marker teksten der er destination (typisk overskriften eller de første par ord)
- Gå til menuen i højre side (hvis den ikke er fremme skal du klikke de tre prikker øverst til højre) og vælg “Block”
- Udvid “Advanced” og find ‘HTML anchor
- I HTML anchor skriver man den samme tekst som man indledningsvist navngav linket men UDEN HASHTAG
Nu har du både et internt link og en destination – det WordPress kander et ‘Acnhor’. Test evt. vha. save a draft og preview.
Hvordan bruge man linket på f.eks. Facebook?
Som du ser, virker linket fra teksten øverst på siden. Man linket kan også bruges fra en ekstern kilde (en social media side, en PowerPoint præsentation, en kommentar på en chat og mange andre måde).
For at bruge linket på andre stedet end dit eget site, skal du sætte det sammen med URL’en til selve siden (page) eller artiklen (post). Det vil sige, at for at linke til anchor’et nederst på denne siden skal man anvende
http://studieviden.dk/hvordan-kan-anchor-tekst-bruges-til-at-linke-til-et-bestemt-sted-pa-en-side/#afsnit-nederst-paa-side– bemærk #afsnit-nederst-paa-side efter URL’en. Man kan selv snedkerere teksten, men det nemmeste er, at følge anchor-linket på siden, og så kopierer teksten fra browserens adresselinje
Her er noget tekst indsat for at gøre artiklen længere, og understrege behovet for at kunne linke direkte til bunden af en artikel
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Where does it come from?
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from a line in section 1.10.32.
Her er det afsnit jeg gerne vil have der vises når nogen klikker linket
Vil du selv igang nu, kan du klikke komme direkte tilbage til Sådan gør du -afsnittet på denne side. Smart, ikk’? 😉
Hvis du gerne vil vide mere
Kan du læse flere detaljer hos wpbeginner.com i deres artikel How to easily add anchor links.
Vil du rigtigt nørde i dybden kan du se dette webinar fra Google Search Central