This is natively supported by WordPress. In the menus page, click “Screen Options” (in the upper right corner): Then check “CSS Classes”: You will now have a “CSS Classes” Option for each menu item:
<?php add_action( ‘wp_create_nav_menu’, ‘PREFIX_nav_menu_auto_add_by_default’ ); function PREFIX_nav_menu_auto_add_by_default( $id ) { $options = (array) get_option( ‘nav_menu_options’ ); if ( ! isset( $options[‘auto_add’] ) ) { $options[‘auto_add’] = array(); } $options[‘auto_add’][] = $id; update_option( ‘nav_menu_options’, $options ); }
The “Navigation” field is not where you want to place your CSS class. The navigation is what the user will see in the menu, so don’t put any code there. To enter a custom CSS class to your item, you need to do the following: Click the “Screen Options” tab in the top right corner … Read more
Your menu doesn’t appear to have any levels. start_lvl and end_lvl are used for the sub-menu wrappers. The outer wrapper for the menu, the <ul> is defined by the items_wrap argument of wp_nav_menu(): wp_nav_menu( [ ‘walker’ => new My_Walker(), ‘items_wrap’ => ‘<nav id=”%1$s” class=”%2$s”>%3$s</nav>’, ] );
By default the wp_nav_menu() function generates HTML with both a container and UL menu. It will, by default, output some HTML structure that looks like this: <div id=”container_id” class=”container_class”> <ul id=”menu_id” class=”menu_class”> <li>…</li> </ul> </div> Since you have defined the container as a ul, WordPress will try to keep the some valid HTML standards by … Read more
If your menu is generated via wp_nav_menu, you can use a Custom Walker to add a dynamic submenu to a specific item. First, the class, which would go in your theme’s functions.php file, or your own custom plugin: class Walker_Author_Categories extends Walker_Nav_Menu { // we only need to override the function that closes each menu … Read more
The nav_menu_link_attributes filter can be used to accomplish this, so a walker is not necessary. Here’s an example with comments along the way to explain what’s happening. add_filter( ‘nav_menu_link_attributes’, ‘wpse_nav_menu_link_attributes’, 10, 4 ); /** * Filters the HTML attributes applied to a menu item’s anchor element. * * Adds data-modified attribute to links. * – … Read more
you can register a new sidebar, add it to the menu area and then add a widget to it: you can register a sidebar by adding this function to your functions.php: register_sidebar( array( ‘name’ => __( ‘Site Stat Widget’), ‘id’ => ‘stat-widget’, ‘description’ => __( ‘The Site Stat Widget’), ‘before_widget’ => ‘<li id=”%1$s” class=”widget-container %2$s”>’, … Read more
You could replace the function that is getting the svg image like so: <nav class=”social-navigation” role=”navigation” aria-label=”<?php esc_attr_e( ‘Footer Social Links Menu’, ‘twentyseventeen’ ); ?>”> <?php wp_nav_menu( array( ‘theme_location’ => ‘social’, ‘menu_class’ => ‘social-links-menu’, ‘depth’ => 1, ‘link_before’ => ‘<span class=”screen-reader-text”>’, ‘link_after’ => ‘</span><img src=”‘.get_home_url().’/path/to/image.png”>’, ) ); ?> </nav><!– .social-navigation –>
Show empty category in admin menu search //back add_filter( ‘get_terms_args’, ‘wpd_show_empty_terms_in_quick_search’, 10, 2 ); function wpd_show_empty_terms_in_quick_search( $args, $taxonomies ){ $args[‘hide_empty’] = false; return $args; }