Online casino games free bonus philippines.REGISTER NOW GET FREE 888 PESOS REWARDS!

Need ultra simple tutorial for using Walker_Nav_Menu in a block theme

charlie67p — Mon, 02 Oct 2023 21:33:25 +0000

Hi,

I spent hours on tutorials on how to make a custom nav walker.
But still don’t manage to do anything right with my theme (block theme).
Not even to change the class of the nav or the ul elements…

For exemple I don’t even understand where to find the ‘theme_location’ name (once I have created a menu in the WP appearence>editor)…

Also, I don’t understand what is the difference between the menu location, the menu name, and the navigation ‘ref’ number that I can see in my header.html template…

So, do you know where I can find an ultra simple step by step tutorial on how to build a Walker_Nav_Menu when using a block theme ?

Thank you!

I’m Trying to Use ‘container’ => false But It Won’t Work

Samuel — Wed, 14 Jun 2023 04:10:05 +0000

This is the block of code I’m trying to execute:

 'footer-menu',
  'menu_class'      => 'nav',
  'menu_id' => 'menu-main-menu',
  'container'       => false,
  'items_wrap'      => '%3$s'
);
?>
    
      Copyright © 2019 Around After Dark. All rights reserved.

The output still wraps the ul within a div.

WP_nav_menu link_class removed when plugin is active

Volodymyr — Fri, 21 Apr 2023 05:50:00 +0000

Hello!

I use WP_nav_menu to output some menus in footer. Each menu link is styled with help of certain class which is assigned like shown in code below. But when plugin is active, certain class is removed and style is absent. Is there a way to stop plugin doing it or maybe a some override?

         'footer_for_customer',

                'menu' => 'footer_for_customer',

                'menu_class' => 'menu-list',

                'container' => 'div',

                'container_class' => 'col-12 col-md-4 col-lg-3 order-first',

                'before' => '',

                'after' => '',

                'link_class' => 'menu-list__link',

                )

            );

        ?>

Having real difficulty with custom walker for stupidly complex menu.

Jason — Wed, 05 Apr 2023 18:54:49 +0000

I’m trying to implement this horribly complicated menu and no amount of mucking around with wp_nav_menu custom walker examples I’ve found has made it any easier.
The problems I’m having is that there’s a lot of custom elements that appear outside of the anchor or in other inconvenient places that start_lvl/start_el/end_lvl/end_el don’t seem to work.
Additionally there’s a stupid custom div above the second level menu that doesn’t work with things like ‘before’ => ”, because then it’s included in every damn above 0!

This is the menu code I’m attempting to replicate

	
		
			
			   Academics
			   
	
			
		
	
			
		

			

			

				 Academics 

				 
				 
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum on Two Lines


					
				
			
		
		
			
			   Cost And Aid
			   
	
			
		
	
			
		

			

			

				 Cost And Aid 

				 
				 
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum on Two Lines


					
				
			
		
		
			
			   Admissions
			   
	
			
		
	
			
		

			

			

				 Admissions 

				 
				 
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum on Two Lines


					
				
			
		
		
			
			   Student and Campus Life
			   
	
			
		
	
			
		

			

			

				 Student and Campus Life 

				 
				 
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum on Two Lines


					
				
			
		
		
			
			   About Taft College
			   
	
			
		
	
			
		

			

			

				 About Taft College 

				 
				 
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum


					
					
						
	Child Page Lorem Ipsum on Two Lines

And this is about as far as I’ve gotten trying to replicate it from examples I’ve grabbed from various locations.

class WPDocs_Walker_Nav_Menu extends Walker_Nav_Menu {

    /**
     * Starts the list before the elements are added.
     *
     * Adds classes to the unordered list sub-menus.
     *
     * @param string $output Passed by reference. Used to append additional content.
     * @param int    $depth  Depth of menu item. Used for padding.
     * @param array  $args   An array of arguments. @see wp_nav_menu()
     */
    function start_lvl( &$output, $depth = 0, $args = array() ) {
        // Depth-dependent classes.
        $indent = ( $depth > 0  ? str_repeat( "\t", $depth ) : '' ); // code indent
        $display_depth = ( $depth + 1); // because it counts the first submenu as 0
        $classes = array(
            'nav-primary__children',
            ( $display_depth % 2  ? 'menu-odd' : 'menu-even' ),
            ( $display_depth >=2 ? 'sub-sub-menu' : '' ),
            'menu-depth-' . $display_depth
        );
        $class_names = implode( ' ', $classes );

        // Build HTML for output.
        $output .= "\n" . $indent . 'Academics ' . "\n";
    }

    /**
     * Start the element output.
     *
     * Adds main/sub-classes to the list items and links.
     *
     * @param string $output Passed by reference. Used to append additional content.
     * @param object $item   Menu item data object.
     * @param int    $depth  Depth of menu item. Used for padding.
     * @param array  $args   An array of arguments. @see wp_nav_menu()
     * @param int    $id     Current item ID.
     */
    function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
        global $wp_query;
        $indent = ( $depth > 0 ? str_repeat( "\t", $depth ) : '' ); // code indent

        // Depth-dependent classes.
        $depth_classes = array(
            ( $depth == 0 ? 'nav-primary__item accordion-item' : '' ),
            ( $depth >=2 ? 'nav-primary__child' : '' ),
            ( $depth % 2 ? 'menu-item-odd' : 'menu-item-even' ),
            'menu-item-depth-' . $depth
        );

        $depth_class_names = esc_attr( implode( ' ', $depth_classes ) );

        // Passed classes.
        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
        $class_names = esc_attr( implode( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) ) );

        // Build HTML.
        $output .= $indent . '';

        // Link attributes.
        $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
        $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
        $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
        $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
        $attributes .= ' class="nav-primary__heading ' . ( $depth > 0 ? 'sub-menu-link' : 'accordion-title' ) . '"';

        // Build HTML output and pass through the proper filter.
        $item_output = sprintf( '%1$s%3$s%4$s%5$s%6$s',
            $args->before,
            $attributes,
            $args->link_before,
            apply_filters( 'the_title', $item->title, $item->ID ),
            $args->link_after,
            $args->after
        );

		$output .= '';
        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
    }
	 function end_el( &$output, $data_object, $depth = 0, $args = null ) {
	if ( isset( $args->item_spacing ) && 'discard' === $args->item_spacing ) {
		$t = '';
		$n = '';
	} else {
		$t = "\t";
		$n = "\n";
	}
	$output .= "{$n}";
	}
	


}

At this point I would love to consider removing the stupid second level all together, but that’s half ass and I want to whole ass the project.

Can anyone shed some light on how to properly re-create this stupid menu?

wp_nav_menu not parsing properly..?

wileycoyote78 — Sun, 09 Oct 2022 05:37:32 +0000

Hello,

Hoping for some advice from the awesome WP community.

On my local server, I have WP 6.02 installed, and everything works great. On my online “staging” site, I also have 6.02 installed, but something ain’t working right with wp_nav_menu(). Here is the relevant code in my header.php file:


 'Main Menu',
   'theme_location' => 'top',
   'container' => 'nav',
   'container_id' => 'main_menu-container',
   'menu_id' => 'main_menu',
   'menu_class' => 'main_menu',
  ]);
}
americancyanide_login_menu();
?>

I have assigned a class to the nav container of main_menu-container. The generated UL is then supposed to get the ‘main_menu’ id and class. Again, on my local server, works perfect, but on my online version, the main_menu class is put on the nav container, thus rendering the CSS rules useless.

Have I forgotten to do something?

aria-expend attribute

odedt — Thu, 11 Aug 2022 06:53:43 +0000

How can I add aria-expend attribute to wp_nav_menu()

WP_NAV_MENU Does not work WP 6.0

xenoncz — Sun, 29 May 2022 17:46:30 +0000

I will skip the part of strong language of you forcing aautomatic major update to WP 6.0 but lets get into it:

after the update my menus stopped to work – only “Add item” instead of whole menu is shown.
Just because of the update nothing else was done (automatically without my attention obviously).

I am using in my own theme a “wp_nav_menu” called for a menu name.

`wp_nav_menu( array(
‘menu’ => ‘Menu’,
‘depth’ => 5,
‘container’ => ‘ul’,
‘container_class’ => ”,
‘menu_class’ => ‘navbar-nav ml-auto my-2 my-lg-0 ‘,
‘fallback_cb’ => ‘wp_bootstrap_navwalker::fallback’,
‘walker’ => new wp_bootstrap_navwalker()
));

calling menu by name or by theme location completely stopped to work.

– menu calling by name does not work, no entries
– calling menu by theme_location no entries
– if I delete all atributes then it returns all possible menu items ignoring created menus
– fallback and walker itself when enabled then returns no entry

FIXED by :
– force downgrade to 5.9.3
This itself does not fix this, I needed to switch to another theme 2020 and then back to my and it was back again

Please fix this ASAP

WP Menu Walker

ivohagoort — Wed, 26 May 2021 10:57:32 +0000

I’m working on a WordPress website where I have a menu. In this menu I need a different submenu output based on the url/page id (or any other parameter) of a menu item. If it’s possible, I don’t like to do it on the order of the menu (for example, the second and last menu item).

The output I’m looking for is:


    
        
            Campers
            
                
                    
                        
                            [email protected]" alt="">                                          
                            
                                Volkswagen T2b                                         
                                Rood
                            
                        
                                       
                
            
        
        Over evan      
        Blog       
        
            
                Help
            
            
                
                    Contact
                    Routebeschrijving
                    FAQ

You can see that the two submenu levels have a slightly different output.

The Walker class i’m currently working with is:

class CSS_Menu_Maker_Walker extends Walker {

  var $db_fields = array( 'parent' => 'menu_item_parent', 'id' => 'db_id' );

  function start_lvl( &$output, $depth = 0, $args = array(), $top_level_elements = array() ) {

    $indent = str_repeat( "\t", $depth );
    if ($args->walker->has_children) {
        $output .= "\n$indent\n";
    } else {
        $output .= "\n$indent\n";
    }

  }

  function end_lvl( &$output, $depth = 0, $args = array() ) {
    $indent = str_repeat("\t", $depth);

    if ($args->walker->has_children) {
        $output .= "$indent\n";      
    } else {
        $output .= "$indent\n";
    }
    
  }

  function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {

    global $wp_query;
    $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
    $class_names = $value = '';        
    $classes = empty( $item->classes ) ? array() : (array) $item->classes;

    /* Add active class */
    if(in_array('current-menu-item', $classes)) {
      $classes[] = 'active';
      unset($classes['current-menu-item']);
    }

    /* Check for children */
    $children = get_posts(array('post_type' => 'nav_menu_item', 'nopaging' => true, 'numberposts' => 1, 'meta_key' => '_menu_item_menu_item_parent', 'meta_value' => $item->ID));
    if (!empty($children)) {
      $classes[] = 'has-sub';
    }

    $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
    //$class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
    $class_names = $class_names ? '' : '';

    $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
    $id = $id ? ' id="' . esc_attr( $id ) . '"' : '';

    $output .= $indent . '';

    $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
    $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
    $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
    $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';

    $item_output = $args->before;
    $item_output .= '';    
    $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
    if ($args->walker->has_children) {
        $item_output .= '';
    } else {
        $item_output .= '';
    }

    $item_output .= $args->after;

    $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
  }

  function end_el( &$output, $item, $depth = 0, $args = array() ) {
    $output .= "\n";
  }
}

Looking forward to getting some help

can’t get simple menu working

sprowt — Thu, 14 Jan 2021 20:25:08 +0000

hello kind person who might help,

i’m learning to build themes from scratch and following theme handbook awa codex.

i can’t display the menu i’ve coded in my theme files and the pages i’ve added to that menu.

i have theme unit test data installed which comes with 3 menu locations: long, testing, and empty.

when i added code below, i got what i believe is the testing menu. i can see my menus in customizer and admin, but i can’t get my Main Menu to display.

register_nav_menus(
  array(
	'main_menu'	=> __( 'Main Menu', 'namespace' ),
	'footer_menu'	=> __( 'Footer Menu', 'namespace' ),
	'social_menu'	=> __( 'Social Menu', 'namespace' ),
	)
  );

wp_nav_menu(
  array(
	'theme_location'  => 'main-menu',
	'container'	=> 'div',
	'container_class' => 'main-nav',
	'container_id'	=> 'main-menu',
  )
);

selecting my menu location doesn’t work. making a new menu and selecting my menu location doesn’t work. i don’t think deleting the TUT menus is the point of the data so i haven’t done that.

also, the container class/id isn’t showing on the menu that does display on the site which leads me to believe it’s not using my menu, but idk.

thanks,

Adding current-menu-item to custom post type single page

deswork — Mon, 16 Nov 2020 17:27:15 +0000

Hi,

Believe me when I say I’ve searched for a solution for this. I’ve tried numerous code snippets but none have worked.

I have a custom post type of ‘news’ with ‘archive-news.php’ and ‘single-news.php’. When I add post type menu archive item to the main menu and visit the news archive page ‘News’ is highlighted in the menu using the ‘mega-current-menu-item’ class.

When I click on a news article post the URL changes from domain.com/news to domain.com/news/article-title but news link isn’t highlighted anymore.

I can’t find a solution that will add the ‘mega-current-menu-item’ class to the News menu item when view the news article.

Hope this makes sense and someone can point me in the right direction.

Thanks

Wayne.