a:active bei Verlinkungen im Menü

  • Hallo :-)

    ich bräuchte jetzt einen Wordpress-Profi!

    Es geht um .current-page-item bei der Seitennavigation. Bei erstellten "Seiten" im Menü wird diese Klasse ja optimal erzeugt, sobald man auf den Link klickt. So kann ich den angewählten Navigationspunkt beliebig stylen.

    Wie sieht das jedoch bei Verlinkungen in der Navigation aus? Ein Menüpunkt wäre zum Beispiel "Home", der lediglich auf die index.php verlinkt.

    Logischerweise legt er dafür keine Klasse current-page item an. Wie kann ich trotzdem erreichen, dass ich den Navigationspunkt "Home" nach dem Klicken trotzdem stylen kann?

    Für die Einbindung des Menüs verwende ich folgendes:

    PHP
    <?php wp_nav_menu( array(
        'container_id' => 'hauptnavi',
        'theme_location'  => 'primary'
    ) ); ?>

    Hier die Seite, um die es geht: http://web182.sarah.webhoster.ag/web/

    Klickt man die Seiten "Tour" bis "Contact" durch, reagiert er auf die Klasse und verpasst den Links ein active. Klickt man aber auf "News" (Startseite), passiert logischerweise nichts, weil diese Verlinkung mir keine Klasse im angewählten Zustand erzeugt.

    Ich suche schon seit 2 Wochen und finde einfach keine Lösung...ich wäre echt dankbar!!

    Viele Grüße und eine schöne Restwoche!

    • 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

  • Versuche es mit den Tipps hier.

    Hallo Domino,

    danke für den Link! Nur wo schreib ich den PHP Befehl rein? Die Listen werden ja generiert. Als einzigen Auruf der Menüs habe ich lediglich:

    PHP
    <?php wp_nav_menu( array(
        'container_id' => 'hauptnavi',
        'theme_location'  => 'primary'
    ) ); ?>

    Viele Grüße!

  • Ich hab keinen Button zum Editieren des Beitrages gefunden. Es läuft jetzt! Hatte nen kleinen Denkfehler.

    Für Leute mit dem selben Problem:

    PHP
    <ul>
    <li<?php if (is_home()){echo " class=\"current_page_item\"";}?>><a href="<?php bloginfo('url') ?>" title="News">News</a></li>
    <?php wp_list_pages('sort_column=menu_order&title_li='); ?>
    </ul>

    So verweise ich auf das Menü. Funktioniert tadellos. (Auch die Vergabe der Klasse).

    Vielen Dank nochmal!

  • Kleiner Verbesserungsvorschlag:

    Nimm im php-script oben doch das eine "News" heraus welches dafür zuständig ist das beim Mouseover zusätzlich nochmals "News" eingeblendet wird - passiert ja bei den anderen Menüpunkten auch nicht!

    Grüsse

    Pixselig

    Einmal editiert, zuletzt von pixselig (10. Mai 2012 um 14:06)

Jetzt mitmachen!

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