Forums

creating custom id for navigation list items (2 posts)

  1. sbjluke
    Member
    Posted 6 months ago #

    I'm currently using <?php wp_nav_menu( array('menu' => 'Main Menu', 'container' => 'false', 'link_after' => '<span></span>', 'items_wrap' => '<ul>%3$s</ul>' )); ?> which yields:

    <ul><li id="menu-item-752" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-711 current_page_item menu-item-752"><a title="Home" href="http://localhost/wordpress/">Home<span></span></a></li>
    <li id="menu-item-753" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-753"><a title="About" href="http://localhost/wordpress/?page_id=707">About<span></span></a></li>
    <li id="menu-item-751" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-751"><a title="Blog" href="http://localhost/wordpress/?page_id=713">Blog<span></span></a></li>
    <li id="menu-item-754" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-754"><a title="Contact" href="http://localhost/wordpress/?page_id=23">Contact<span></span></a></li>
    </ul>

    I really want to give each <li> a custom id and class rather than id="menu-item-754" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-754". If possible the name of the title.

    How would I go about doing this?

    Thanks in advance!

  2. crunchyflesh
    Member
    Posted 5 months ago #

    I use

    <nav id="nav">
    	<?php wp_nav_menu( array(
    	 'container' =>false,
    	 'menu_class' => 'nav',
    	 'echo' => true,
    	 'before' => '<span></span>',
    	 'after' => '',
    	 'link_before' => '',
    	 'link_after' => '',
    	 );
    	?>
    	</nav>

    what wraps the li in a span, most of this you dont need, the main code is the "before" and "after"

Reply

You must log in to post.

About this Topic