Mehrere Menüs verwenden

Hallo liebe WordPress-Community,

ich habe schon die "Suchen-Funktion" verwendet, aber leider nichts zu meinen Anliegen gefunden. Dabei kann ich mir nicht vorstellen, dass es für mein Anliegen keine Lösung gibt. Also hoffe ich doch sehr das mir hier geholfen wird :smile:

Kurz zu mir:
Mein Name ist Christian, ich bin 28 Jahre jung und komme aus Chemnitz.

Jetzt zu meinen Anliegen:
Ich habe eine Startseite, die als Landingpage fungieren soll. Dazu habe ich ein Menü angelegt. Das Menü habe ich einfach als "Scroll-Menü" bezeichnet. Aktuell besteht dieses Menü aus fünf individuellen Links mit definierten Anker, die auf der Landingpage einen Scroll-Effekt auslösen zum jeweiligen Anker auf der Startseite. Zusätzlich gibt es zwei Menüeinträge, die jeweils auf eine Unterseite verlinken. Bis zu diesen Punkt ist also noch alles in Ordnung. Das Problem ist, wenn ich auf einen der zwei Menüeinträge klicke und auf der Unterseite bin, funktionieren die fünf Anker nicht mehr. Dementsprechend habe ich mir gedacht, dann lege ich einfach ein zweites Menü an, wo ich die Verlinkung direkt mit url hinterlege: meinedomain.de/#anker1 als Beispiel. Leider finde ich keine Möglichkeit auf einer Unterseite ein anderes Menü zu hinterlegen. Dafür muss es doch aber eine Lösung geben oder?

WordPress-version 4.3

Vielen Dank für eure Hilfe!

Beste Grüße,
Christian

Die Idee ist gut und sehr einfach, allerdings habe ich dann ein anderes Problem. Ich verwende das Enfold-Theme und habe dort aktive Menüpunkte Dunkel dargestellt und inaktive Menüpunkte weiß dargestellt.

Wenn ich bei dem Menü jetzt nicht nur den Anker eintrage, sondern den URL + Anker (meinedomain.de/#anker1) wie von dir vorgeschlagen, dann werden auf der Startseite alle Anker als aktiv gekennzeichnet, also dunkel:

Wenn ich aber auf eine Unterseite gehe, dann wird es korrekt angezeigt:

Hast du dafür auch eine Idee? :)

Hi maxe, von Code habe ich leider nicht viel Ahnung. Es handelt sich dabei um folgende Webseite:

Startseite: http://wordpress.gamerdesk.de
Unterseite: http://wordpress.gamerdesk.de/faq/

Dort kannst du sehen was ich mit den Menü meine ;)

Hallo SirEctor,

kannst du mir sagen in welcher Datei ich das ändern soll? Und muss ich die Änderungen direkt auf einen FTP-Server hochladen oder kann man das auch direkt im Admincenter von Wordpress machen?

Hey maxe, vielen Dank noch mal für die Zusammenfassung. Mein Theme hat eine custom.css, welche ich nun nach SirEctor seinen Vorgaben geändert habe. Und es funktioniert fast wie gewünscht (obwohl ich mit der aktuellen Version auch leben kann). Was noch cool wäre - so war es ursprünglich - ein Mouseover Effekt für die Navigation. Bekommt man das auch noch mit den css Änderungen hin?

Alles klar, danke dir. Hab ich mittlerweile schon eingebunden :) Super, Danke für das tolle Feedback. Klasse Community!

Hallo Community,

ich muss noch mal diesen Thread pushen. Nach dem ich die Änderungen eingebaut habe und die Webseite jetzt auch mobil läuft, ist das Menü allerdings weiß und die Schrift ebenfalls. In der Desktopvariante allerdings nicht. Was klann ich tun bzw. muss ich im CSS ändern, damit das mobil auch passt? Geht um http://www.gamerdesk.de weiterhin.

Hey, danke für deine Hilfe. Leider klappt es immer noch nicht :/ Hier der Inhalt meiner custom.css

Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */


@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */


}
.menu-item a {
    color: #fff !important;
}
.menu-item.current-menu-item a {
    color: #38454d !important;
}




/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */


@media only screen and (max-width: 769px){
  .menu-item a {color: #38454d !important;}
}

Nee, habe nichts geändert. Bei mir funktioniert die Seite auch ohne Problem. Vielleicht gab es temporäre Probleme.
Dein Code habe ich nicht 1 zu 1 so übernommen, allerdings unterscheidet sich nur die width und die Farbe, ich hatte deinen Code aber auch schon 1 zu 1 so drin stehen unter "Mobile Styles". Hatte aber leider nicht geholfen.