Beste Sitedealers,

Ik heb een aangepast menu gemaakt in Wordpress, de onderstaande code weergeeft het menu:

Code:

<?php wp_nav_menu( array(
 'container' =>false,
 'menu_class' => 'nav',
 'echo' => true,
 'before' => '',
 'after' => '',
 'link_before' => '<span class="icon1">',
 'link_after' => '</span>',
 'depth' => 0,
 'walker' => new description_walker())
 );
?>

Nu wil ik graag dat elk menu-item automatisch opvolgend wordt genummerd, dus <span class="icon">, class="icon1", class="icon2". Dit is helaas niet mogelijk vanuit de Wordpress admin, omdat deze de class van de <li> verandert en niet die van de <span class> ervoor.

Heeft iemand enig idee hoe dit lukt? Ik heb het al met $num = 1;, $num = ++ geprobeerd maar dat werkte helaas niet.

Alvast bedankt!

mvg,

Ruben

De nette manier is niet om dit via Wordpress te doen (of je moet een eigen Walker-functie maken), maar via CSS-selectors.
Als je de class houdt op

Code:

<span class="icon">

En vervolgens in CSS de volgende functie gebruikt

Code:

span.icon:nth-child(1) {
    color: red;
}
span.icon:nth-child(2) {
    color: blue;
}

Dan kan je vrij eenvoudig je elementen stylen, en heb je geen overhead op je pagina.

Het is gelukt! Tnx Mats, dit is exact wat ik zocht!

Ruben