WP Menu ‘current’ weergeven. Menu weergaven in WP

Wanneer je een mooi horizontaal css menu hebt en je wil dit weergeven en ook kunnen aanpassen via de menu functie van wordpress ga je als volgt te werk.


Zorg dat in je functions.php tussen <?php en ?>

add_action( 'init', 'register_my_menu' );
        function register_my_menu() { register_nav_menu( 'primary-menu', __( 'Primair menu' ) ); };

Dan als volgt in je header.php of net waar je je menu wilt weergeven ( kan ook in sidebar.php bij verticaal menu )

<?php wp_nav_menu();?>

Omsluit die code door de benodigde <div id=””> welke ook door je html gebruikt worden.
Als voorbeeld dit menu in HTML

<div id="menu_wrapper">
      <div id="menu">
        <ul>
            <li><a href="index.htm" class="current">Home</a></li>
            <li><a href="tweedepagina.htm">Pagina twee</a></li>
            <li><a href="derdepagina.htm">Pagina drie</a></li>  
        </ul>   
   </div>
</div>

Dit wordt dus in je header.php of waar je menu wordt weergegeven.

<div id="menu_wrapper">
      <div id="menu">
       <?php wp_nav_menu();?>  
   </div>
</div>

In je HTML heb je een class="current" voor een andere opmaak bij het vertonen van de huidige pagina.
Hiervoor hoef je enkel alleen het volgende in je css te veranderen

#menu ul li.current-menu-item { background: url('images/menuover.jpg') repeat-x 0 0; }

of als die niet werkt !?

#menu ul li.current-menu-item > a{background: url(images/menuover.jpg) repeat-x 0 0;}

Ook kun je gebruik maken van
.current-menu-item ( zoals hier boven getoond )
.current-menu-parent
.current-menu-ancestor



Reacties gesloten.