Ondersteuning » Thema en CSS/opmaak » actieve menu kleur geven

  • Opgelost gfewjf

    (@gfewjf)


    heejj,

    Ik wil graag mijn menu een kleur geven als je er op klikt. Dus als je er met je muis over heen gaat wordt hij oranje (dit stuk heb ik al) maar als je er op klikt dat het oranje blijft.. Maar heb geen idee hoe dat moet.
    Weet iemand hoe dit moet?

    alvast bedankt!

    Link:

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Thread starter gfewjf

    (@gfewjf)

    Je moet zorgen dat je menu items een class ‘active’ mee krijgen indien je op een bepaalde pagina bent. Als ik nu naar de Diensten pagina ga blijft het menu onderdeel de class ‘nav_diensten’ houden.

    Maak je wel gebruik van de wp_nav functie om je menu te beheren? Zie: http://codex.wordpress.org/Function_Reference/wp_nav_menu

    Thread starter gfewjf

    (@gfewjf)

    ja dat is het juist, ik heb geen idee hoe ik die class active moet maken als je er op klikt.
    En heb dat stuk al paar keer door gelezen maar snap het niet zo goed.

    Ik weet wel dat als ik in mijn header.php Class=”active” maak, dat het dan active blijft. Maar ik moet juist hebben dat het active word als je er op klikt

    Wat staat er in het bestand header.php bij het deel waar het menu gecreëerd wordt?

    Verder is website code-technisch niet in orde. De openingstag <body> mist bijvoorbeeld, terwijl je hem wel sluit. En zo nog wel veel meer fouten.

    Thread starter gfewjf

    (@gfewjf)

    <div id='cssmenu'><ul>
       <li class="nav_home" id="menu_active"> <a href='http://cms.cheapconnect.net/?page_id=1371'><span>Home</span></a></li>
       <li class="nav_diensten"><a href='http://cms.cheapconnect.net/?p=1141'><span>Diensten</span></a></li>
       <li class="nav_tarieven"><a href='http://cms.cheapconnect.net/?p=1139'><span>Tarieven</span></a></li>
       <li class="nav_account"><a href='http://cms.cheapconnect.net/?p=1196'><span>Account</span></a></li>
       <li class="nav_hulp"><a href='http://cms.cheapconnect.net/?p=1198'><span>hulp</span></a></li>
    </ul>
    </div>

    dit is de code

    Ah, dat verklaart een hoop. Je menu is niet dynamisch, dan kan WP er ook nooit een class aan meegeven. Vervang het eens door

    <?php wp_nav_menu( $args ); ?>

    zoals ik aangaf in de link. Het menu kan je beheren via het menu in je dashboard Weergave -> Menu’s.

    Wees wel zeker dat menu’s ondersteund worden in je theme. Is dit niet het geval? Zie dan: http://codex.wordpress.org/Navigation_Menus

    Dan moet je onderstaande code plaatsen in je functions.php bestand:

    function register_my_menu() {
      register_nav_menu('header-menu',__( 'Header Menu' ));
    }
    add_action( 'init', 'register_my_menu' );
    Thread starter gfewjf

    (@gfewjf)

    oke ik heb het stukje code in mijn functions.php gedaan.

    Maar nu snap ik nog niet helemaal waar ik <?php wp_nav_menu( $args ); ?> moet plaatsen.

    sorry dat ik het niet zo snel snap, is eerste keer dat ik zo diep in wp ben gegaan.

    Thread starter gfewjf

    (@gfewjf)

    laat maar heb hem gefixt hartelijk bedankt voor de hulp!

    Ok, top 🙂

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Het onderwerp ‘actieve menu kleur geven’ is gesloten voor nieuwe reacties.