Wordpress Menu med "wp_nav_menu" tagget
Hej,Vil gerne lave en menu jeg kan styre inde fra Wordpress administrationen hvilket skulle kunne gøres med wp_nav_menu tagget.
Som udgangspunkt laver tagget en kodeblok der er fuld af classes og div'er som jeg ikke skal bruge. Eksempel:
<ul id="menu-top-nav" class="menu">
<li id="menu-item-72" class="menu-item menu-item-type-post_type current-menu-item page_item page-item-58 current_page_item menu-item-72"><a href="about-us">About</a></li>
<li id="menu-item-73" class="menu-item menu-item-type-post_type current-menu-item page_item page-item-59 current_page_item menu-item-73"><a href="contact-us">Contact</a></li>
<li id="menu-item-74" class="menu-item menu-item-type-post_type current-menu-item page_item page-item-60 current_page_item menu-item-74"><a href="services">Other</a></li>
</ul>
Er der en der kan hjælpe med et par filters i min function.php fil der gør følgende:
- Fjerner alle de standard DIV'er og ID'er som wp_nav_menu opretter fra start
- Tilføjer class="m0" på alle de <li>'er som ikke er aktive
Klassen m1 skal vises på det aktive <li> hvilket jeg allerede har løst med følgende filter:
add_filter( 'nav_menu_css_class', 'additional_active_item_classes', 10, 2 );
function additional_active_item_classes($classes = array(), $menu_item = false){
if(in_array('current-menu-item', $menu_item->classes)){
$classes[] = 'm1';
}
return $classes;
}
-----------------------------------------
Det jeg vil opnå er en ren blok der ser således ud (hvor m1 er den aktive class):
<div id="menu">
<ul>
<li class="m1"><a href="./link1/">Link1</a></li>
<li class="m0"><a href="./link2/">Side2</a></li>
<li class="m0"><a href="./link3/">Side3</a></li>
<li class="m0"><a href="./link4/">Side4</a></li>
<li class="m0"><a href="./link5/">Side5</a></li>
</ul>
</div>
Er der en der kan hjælpe med de 2 filtre jeg har problemer med?
- Fjerner alle de standard DIV'er og ID'er som wp_nav_menu opretter fra start
- Tilføjer class="m0" på alle de <li>'er som ikke er aktive
:-)