Top-Navigation

  • Hallo
    ich bin mit WP noch nicht so vertraut und habe folgende Frage:
    Wie muss ich in die topNavigation und die mainNavigation in der functions.php anlegen?

    <header>
    <div class="wrapper clearfix">
    <h1 id="branding"><a href="#"></a></h1>
    <nav id="topNavigation">
    <ul>
    <li><a href="#" title=""></a></li>
    <li><a href="#" title=""></a></li>
    <li><a href="#" title=""></a></li>
    <li><a href="#" title=""></a></li>
    <li><a href="#" title=""></a></li>
    <li><a href="#" title=""></a></li>
    </ul>
    </nav>
    </div>
    </header>

    <nav id="mainNavigation">
    <ul class="wrapper">
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    </ul>
    </nav>

    vielen dank im voraus für eure hilfe!:razz:

    • 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

  • Ich hätte noch folgende Frage an dich:

    wie bitte kann ich nun den aktiven Menüpunkt markieren?

    in der header:
    <nav id="mainNavigation">
    <?php
    wp_nav_menu(array(
    'container' => false,
    'menu_class' => 'nav',
    'theme_location' => 'primary'
    ));
    ?>
    </nav>


    in der CSS habe ich
    #mainNavigation li a.active { color: #003399; cursor: default; } stehen.

    Vielen Dank

  • Der aktive Menüpunkt bekommt classes wie current-menu-item etc. Die müsstest du per CSS ansprechen. Es gibt aber noch mehr. Schau einfach mal über ein Developer-Tool im Browser welche das alles sind.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Hallo SirEctor,
    ich habe die Anweisung als Aktiver Menüpunkt in der CSS eingebunden.
    RollOver funzt, aber der Anzeige "Aktiver Menüpunkt geht nicht:

    .mainNavigation { background:#; width:auto; padding:8px 0 10px 0; text-transform:uppercase; margin-bottom:34px; font-size:1.3em; }
    .mainNavigation li { display:inline; padding:0 15px; }
    .mainNavigation li:first-child { padding-left:0; }
    .mainNavigation li a { color:#fff; }
    .mainNavigation li a:hover{ color:#f06; }
    .mainNavigation li a.current_page_item_active { color: #f06; cursor: default; }

    Kannst du mir das erklären?

  • Stimmt denn current_page_item_active? Ich kann ja leider auf deiner Seite nicht gucken.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Hallo SirEctor,
    ich habe das nun nochmal überarbeitet und mit dieser Lösung funzt das ganze

    #mainNavigation li a { color:#fff; font: 20px 'Open Sans Condensed', sans-serif; font-weight: 300; text-decoration: none; text-transform: uppercase; -webkit-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -o-transition:all 200ms ease-out; transition:all 200ms ease-out; }
    #mainNavigation li a:hover,
    #mainNavigation li.current-menu-item a,
    #mainNavigation li.current-menu-item a { color:#ffff00; text-shadow: 1px 1px 2px #003399; filter: dropshadow(color=#fff, offx=1, offy=1); cursor: default; }

    Gruß

Jetzt mitmachen!

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