Problem mit #anker auf Homepage/Unterseiten
-
Hallo zusammen,
nach einiger Zeit mit WordPress brauche ich nun auch einmal Hilfe. Ich habe bereits eifrig gesucht, jedoch keine entsprechende Lösung gefunden.
Zum Problem:
Ich verwende auf meiner Homepage im der Navigation Ankerlinks, damit die Seite mit einem schönen „Scrolleffekt“ an entsprechende Stelle (z.B. „Über uns“) springt.
An einer dieser Stellen kann man auf Unterseiten gelangen. Wenn man nun auf einer Unterseite in der Navigation auf z.B. „Über uns“ klickt, passiert natürlich nicht, da hierfür kein Anker auf der Unterseite ist.Wenn ich nun als Link /home#ueberuns in der Navigation hinterlege, gelange ich zwar wieder an die richtige Stelle, jedoch funktioniert der „Scrolleffekt“ auf der Homepage nun nicht mehr, da die Seite nach anklicken auf der Homepage immer erst neu laden muss.
Meine Frage:
Gibt eine Lösung auf der Homepage nur die Anker „#ueberuns“ in der Navigation zu verwenden und auf den Unterseiten die Links mit vorherigem Verweis auf die Homepage und dann zum Anker „/home#ueberuns“?Viele Grüße
- Dieses Thema wurde geändert vor 4 Jahren von reprox.
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Hallo,
wenn du dann noch die URL oben einträgst, dann können wir uns das auch ansehen und dir sicher besser helfen.Nachtrag: Das sollte z. B. in der Art funktionieren, indem du z. B. https://example.com/beispielseite/#ueberuns im Menü unter individuelle Links einträgst, wenn ich das richtig verstanden habe, was du meinst.
Viele Grüße
Hans-Gerd- Diese Antwort wurde geändert vor 4 Jahren von Hans-Gerd Gerhards.
Hallo Hans-Gerd,
danke für die schnelle Antwort.
Link ist nun hinterlegt.
Dein Lösungsvorschlag erzielt leider nicht den gewünschten Effekt. Ich habe diesen einmal eingefügt um zu demonstrieren um was es geht.
Wenn du auf der Startseite z-B. auf „Produkte“ klickst, scrollt die Seite geschmeidig nach unten. Wenn du nun auf „Über uns“ klickst, lädt die Seite erst neu und springt dann zur gewünschten Stelle.
Ich möchte nicht, dass die Seite neu laden muss, solange man sich auf der Startseite befindet. Lediglich wenn ich auf einer Unterseite bin (durch anklicken eines Produktes), brauche ich den Verweis auf /home/#anker.
Gruß
Wieso `http://example.com/home/#about´?
`http://example.com/#about´ sollte doch ausreichen?Hallo Bego Mario,
für Startseite reicht das.
Aber auf der Unterseite z.B. http://wpn.reproxmedien.de/work/drucksachen/ funktioniert das dann nicht mehr.
Gruß
Wenn du auf
http://example.com
bist und einen Linkhttps://example.com/#irgendwas
aufrufst, wird der Anker auf der gleichen Seite geladen. Rufst du hingegenhttps://example.com/home/#irgendwas
auf, ist das zwar der gleiche Inhalt, für den Browser aber eine andere Webseite.Hast du denn mal versucht, ob es mit
https://example.com/unterseite/#anker
funktioniert oder ist das eine Vermutung von dir?Sobald ich einen Anker einbaue, welcher sich vorab auf eine konkrete Seite beruft, wird diese ja immer zuvor geladen.
In meiner Theorie müsste es so funktionieren, dass ich quasi zwei unterschiedliche Menüs brauche. Das erste mit Ankern ohne Seitenangabe davor
#about
und das zweite für die Unterseiten mit vorherigem Verweis auf die Startseite/home/#about
Es geht mir darum, dass der schöne „Scrolleffekt“ auf der Startseite erhalten bleibt, wenn ich einen Link dort in der Navigation anklicke.
Sobald ich einen Anker einbaue, welcher sich vorab auf eine konkrete Seite beruft, wird diese ja immer zuvor geladen.
Hast du das ausprobiert oder behauptest du das nur? Bei meiner Website ist es nicht so. Vielleicht stimmt aber etwas am JavaScript des Themes nicht. Dann solltest du aber den Theme-Entwickler ansprechen.
Ich habe die Seite hier im Beitrag angegeben. Wie gesagt ich habe es Testweise eingebaut und dementsprechend ausprobiert.
Du kannst ja mal schauen:
– Klickst du hier auf „Über uns“ lädt die Seite neu und springt dann zum Anker.
– Klickst du hier auf „Produkte“ scrollt die Seite direkt zum Anker.Bist du auf einer Unterseite (wenn du z.B. ein Produkt anklickst), funktionieren die Anker logischerweise nicht mehr, da diese sich ja nur auf die aktuelle Seite beziehen.
Auf deiner Seite funktioniert es, da du keine Unterseiten hast. Nur auf der Startseite funktioniert es bei mir ja auch.
Ich habe die Seite hier im Beitrag angegeben. Wie gesagt ich habe es Testweise eingebaut und dementsprechend ausprobiert.
… ja – und dabei einen Fehler gemacht. Hab ich doch ausführlich beschrieben?
Du kannst ja mal schauen
Wir drehen uns im Kreis. ¯\_(ツ)_/¯
Wir drehen uns nicht im Kreis.
Beispiel:
Gehe mal bitte zu dieser Unterseite http://wpn.reproxmedien.de/work/drucksachen/
und klicke dort auf „Kontakt“. Es passiert nichts, die IDcontact
auf der Seite nicht hinterlegt ist.Der Link „Kontakt“ soll auf die entsprechende ID auf der Startseite verweisen. Dafür müsste ich aber
/home/#contact
verlinken.Wenn ich das aber tue, funktioniert der Scrolleffekt nicht mehr, wenn ich von der Startseite aus auf „Kontakt“ klicke.
Ich weiß nicht, ob ich mein Problem vielleicht einfach nicht gut genug schriftlich darstellen kann 🙂
Der Link „Kontakt“ soll auf die entsprechende ID auf der Startseite verweisen. Dafür müsste ich aber /home/#contact verlinken.
Nein, wieso? Du kannst doch http://wpn.reproxmedien.de/#contact verlinken.
Hast du dir meine Webseite mal angeschaut? Ich verwende da auch absolute (und keine relativen) URLs mit Anker.
Uff…
Jetzt ist es angekommen 🙂Manchmal muss man einfach zwei mal hinschauen.
Vielen Dank!
Freut mich, dass es jetzt klappt. 🙂
- Das Thema „Problem mit #anker auf Homepage/Unterseiten“ ist für neue Antworten geschlossen.