One-pager, current-menu-item anzeigen lassen

    Hi, ich versuche einen one-pager dazu zu bekommen, dass das Menü die Section highlightet in der sich der User befindet.
    Anders gesagt, ich habe ein sticky Menü und befinde mich relativ unten auf der Seite, sagen wir in der section Anfahrt, dann möchte ich, dass in der Menüleiste der Menüpunkt "Anfahrt" herausgehoben dargestellt wird.
    Über einen Hinweis, wie ich da vorgehen muss, würde ich mich sehr freuen.:razz:

    Hier, falls notwendig, der Link zur Seite: http://2016.teutonenhof.de/

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Ist das Theme „teutonenhof“ ein Childtheme von „siteorigin-north“?
    Und bringt dieses Siteorigin-Theme die Onepager-Funktionalität mit? Dann wäre erstmal dort zu suchen, ob die Funktion unterstützt wird.

    Wenn nein, ausprobieren, ob ein passendes PlugIn mit dem Theme zusammenarbeitet. Z.B. page scroll to id kann das.

    Gruß
    helix

    Hi helix, danke für dene Antwort.
    Ja, es ist ein childtheme von [COLOR=#333333]siteorigin[/COLOR]-north, und die Onepage-seite ist mit dem Plugin Page-builder von [COLOR=#333333]siteorigin erstellt.
    Die Link-Funktion, die das von dir erwähnte Plugin macht, geht ja, ich will das in der [/COLOR][COLOR=#333333]Menüleiste der Menüpunkt auch deutlich erkennbar wird. Wie z.B. auch auf dieser Forumsseite der Menüpunkt "Forum" sich von den anderen Menüpunkten unterscheidet, weil wir uns gerade in dem Bereich/Seite Forum befinden und nicht im Bereich z.B. "Über Uns".
    Deinen Hinweis das Parent-THeme zu checken finde ich gut, werde ich gleich mal probieren.

    Beste Grüße
    parcel

    [/COLOR]

    Zitat von parcel

    [COLOR=#333333][…] dass in der [/COLOR][COLOR=#333333]Menüleiste der Menüpunkt auch deutlich erkennbar wird.[/COLOR]


    Das machst du mit CSS. Du kannst den Menüpunkt aber nur dann mit CSS ansprechen, wenn dir dein Menü (~-PlugIn) auch eine entsprechende Klasse zur Verfügung stellt. Das ist bei einem OnePager ein bisschen tricky …
    z.B. das von mir benannte PlugIn stellt dann eine Klasse .mPS2id-highlight zur Verfügung.

    Wenn dein parent-Theme das „kann“, kann es das Child-Theme normalerweise auch, die Funktionen werden ja weiter übernommen.
    Ich habe auf der von dir verlinkten Seite keine css-Klasse für Menüpunkt-zum-Bereich finden können. Vielleicht gibt es eine Einstellmöglichkeit …

    Gruß
    helix

    Zitat

    [COLOR=#333333]Das ist bei einem OnePager ein bisschen tricky …[/COLOR]


    Das Parent-Theme [COLOR=#333333]„siteorigin-north“ highlightet die Menuepunkte nur wenn es auf einer neuen Seite ist, nicht wenn man sich auf einer Seite in verschiedenen sections befindet. [/COLOR][COLOR=#333333]So auch in meinem Child-Theme. [/COLOR][COLOR=#333333]
    Ich hatte mir das Video zu dem PlugIn auf Utube angesehen, da sah das so aus, als ob es nur Sprunganker verwaltet, muss ich mir das PlugIn wohl mal genauer ansehen;-)

    Wie tricky ist das denn wenn man das selber macht, so ein bisschen css- und html-Kenntnisse habe ich ja. Irgendwie denke ich immer man sollte so wenig Plugins wie möglich verwenden, falls die einzelnen Plugins mal in Konflikte geraten …

    Grüße
    parcel[/COLOR]

    Zitat von parcel

    [COLOR=#333333]Wie tricky ist das denn wenn man das selber macht, so ein bisschen css- und html-Kenntnisse habe ich ja. Irgendwie denke ich immer man sollte so wenig Plugins wie möglich verwenden, falls die einzelnen Plugins mal in Konflikte geraten …[/COLOR]


    Gegen potentielle Konflikte: erst mal auf so Page-Builder-Kram und so verzichten … (duck und weg).

    Zum Selbermachen braucht man meiner Einschätzung nach nicht nur HTML- und CSS-Kenntnisse, sondern auch ein halbwegs solides Verständnis von JavaScript und/oder jQuery. Die Kernfrage ist ja: Woher „weiß“ das Menü, welche Sektion der Seite gerade im Browserfenster angezeigt wird?

    Meine Empfehlung wäre, erstmal das page-scroll-to-id-PlugIn auszuprobieren.

    Gruß
    helix

    Hallo helix, hat geklappt, das PlugIn funktioniert prima, danke für deinen Tipp.

    Best Grüße
    parcel

    p.s.: trotzdem hätte ich gern gewusst wie man ohne Plugin hinbekommt … ;-)

    Zitat von parcel

    p.s.: trotzdem hätte ich gern gewusst wie man ohne Plugin hinbekommt … ;-)


    Du bist doch ein freier Mensch in einem freien Land: vergrab dich da rein. Wenn du die Lösung hast, darfst du sie gerne hier im Forum (oder anderswo) posten. Ich nehme an, dass es durchaus ein paar Leute gibt, die sich dafür ebenfalls interessieren und sich über Lösungsansätze freuen.

    Ich meine das ganz sachlich. Ich kenne die Lösung ohne PlugIn auch noch nicht …

    Gruß
    helix

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden