Trick # 17 | Dieser Beitrag beinhaltet 454 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Links lassen sich nicht nur von Seite zu Seite setzen, sondern auch innerhalb ein und derselben Seite. Man spricht dann von Anker-Links. So können – besonders auf umfangreichen Seiten – auch Inhalte rasch erreicht werden, welche erst weiter unten auf der Seite erscheinen. Solche Links lassen sich im Divi-Theme einfach erstellen.
Der einfachste Weg, um ein Ankerziel in Divi zu erstellen:
- Öffnen Sie im gewünschten Divi-Modul den Reiter «Erweitert» – je nach Spracheinstellung auch «Advanced» genannt.
- Nun klicken Sie auf CSS-ID & Klassen
- Im Feld CSS-ID geben Sie einen passenden Namen für das Linkziel ein. Verwenden Sie am besten nur Kleinbuchstaben und Zahlen, aber keine Sonderzeichen und Leerschläge. Z.B. «ankerziel»
- Speichern Sie nun das Modul und gehen an die Stelle, wo der Link platziert werden soll.
- Erstellen Sie nun einen Link und geben Sie als Adresse den gewählten ID-Namen mit einer vorangestellten Raute # – hier also #ankerziel – ein.
Damit ist die Sache schon erledigt. Wir probieren das hier gleich mal aus. Um weiter zu lesen, klicken Sie bitte auf diesen Link.
Hin und wieder trifft Divi das Ankerziel nur so halbwegs und scrollt nicht ganz an die richtige Stelle der Webseite.
Falls dies bei Ihrer WordPress-Site auch der Fall ist, empfehlen wir Ihnen den kleinen CSS-Hack Link auf Anker im Divi-Theme – Teil 2: Ankerziel knapp verfehlt.
Da sind wir wieder. Einfach. Oder?
Scroll to top: Das ganze umgekehrt
Natürlich geht das auch nach oben. Im ersten Modul der Seite geben Sie in der CSS-ID «top» ein. Dann erstellen Sie weiter unten auf der Seite einen Link mit der Adresse #top – und wenn Sie auf diesen Link klicken geht’s prompt wieder nach oben.
Werbung
Werbung
