Aktivem Menüpunkt andere Klasse zuweisen

    Hallo,

    ich bin gerade dabei, ein Wordpress Theme auf Basis des HTML Kickstart Frameworks zu erstellen und komme nicht weiter.
    Ich habe ein Menü per wp_nav_menu eingebunden und der jeweils aktive Menüpunkt muss die Klasse "current" besitzen, damit er entsprechend gestylt wird. Leider haben die aktiven Menüpunkte derzeit die Klasse, die in etwa so aussieht [COLOR=Black]"page_item_xy_current_page_item_xyz". Nur so als Beispiel. Wie weise ich den aktiven Menüpunkte die Klasse "current" zu, also ohne den ganzen Rest wie page_item_xyz?[COLOR=#009900][COLOR=#ff0000]
    [/COLOR][/COLOR][/COLOR]

    • 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

    Hast du noch einen Link zu deinem Theme? Grundsätzlich sollte wp_nav_menu (wenns unter Design > Menü konfiguriert wurde) noch etwas mehr CSS Klassen ausgeben, welche du dann stylen kann. Hier der HTML Code aus meinem Blog. HIer kannst du sehen, dass es zwei Klassen gibt, welche du zuweisen könntest (fett markiert):

    Code
    <ul id="menu-1-hauptnavigation" class="menu">
<li id="menu-item-3654" class="menu-item menu-item-type-custom menu-item-object-custom [B]current-menu-item current_page_item[/B] menu-item-home menu-item-3654"><a href="http://www.claudioschwarz.com/">Home</a></li>
<li id="menu-item-3655" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3655"><a href="http://www.claudioschwarz.com/about/">About</a></li>
<li id="menu-item-3658" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3658"><a href="http://www.claudioschwarz.com/links/">Links</a></li>
<li id="menu-item-3656" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3656"><a href="http://www.claudioschwarz.com/impressum/">Impressum</a></li>
</ul>

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden