To get a full control of the menu items you can create a custom Walker class, which extends the default Walker_Nav_Menu class. Override and customize the class methods as needed. Finally pass an instance of the custom walker to wp_nav_menu( array $args = array() ) with walker key in the $args array. If you only … Read more
To ensure the “Journal” menu item is highlighted for single posts without adding individual posts as sub-items in the menu, you can use a WordPress filter and some custom CSS or JavaScript. Here’s a solution that involves adding a bit of PHP to your theme’s functions.php file to modify the menu classes. Step 1: Add … Read more
I checked both of your links and in the <body> tag, both of them have class page-id-1508, meaning that the page id is recognised correctly either with or without the query variable. However, as @mmm suggested in the comment above, it seems that you added the menu item as Custom Link (note the menu item … Read more
You have the same menu assigned to both locations. In order to decouple them you need to deselect “menu-principal” from the Top Menu location. It’s possible the theme may try to automatically populate a location when no menu is assigned. If this is the case, create a new menu with no items and assign it.
This solution was shared by @TheDeadMedic over here… $menu_exists_and_has_items = wp_nav_menu( array( ‘theme_location’ => ‘example-menu-location’, ‘container_class’ => ‘example-menu-container’, ‘menu_class’ => ‘example-menu-class’, ‘fallback_cb’ => false, ‘echo’ => false ) ); if ( $menu_exists_and_has_items ) { … Importantly, note that the menu is not echoed in the initial array saved to PHP variable…
If you’re just trying to replace <ul…> and </ul> with <menu…> and </menu> in the generated HTML, you can use the wp_nav_menu filter: add_filter( ‘wp_nav_menu’, ‘wpse_426932_menu_fix’ ); /** * Fixes the menu HTML to use <menu> instead of <ul>. * * @param string $html The menu HTML. * @return string The fixed menu HTML. */ … Read more
Is there any documentation on JS trigger for the Gutenberg “Navigation” block?
That’s not the filter to use, instead use the wp_nav_menu_objects filter documented at: https://developer.wordpress.org/reference/hooks/wp_nav_menu_objects/ The docs contain a helpful code example provided by a contributor at the bottom, which I’ve modified slightly: function wpse_unset_menu_items( $menu_objects, $args ) { // remove this if you want it on all menus not just a specific menu aka primary_menu: … Read more
You can easily add any HTML element to all menu items that have children by extending the Walker_Nav_Menu core class. The code below will add <i> icon element just after menu item </a> tag but you can of course change that if you need them inside or somewhere else by changing the $item_output variable. function … Read more
It’s easy to get the type of the menu item. Just call the setting’s value() method, which in the case of a nav menu item, would return an array with items like type (sample value: post_type or taxonomy) and object (sample value: post, page or category). So in your case, just check whether the type‘s … Read more