My WordPress menu [duplicate]

Question

This question has already been answered:

How to register and add a drop-down menu in WordPress? 1 reply

I use the wp_nav_menu function wp_nav_menu Here is the code:

 if (function_exists('wp_nav_menu')) wp_nav_menu(array( 'theme_location' => 'header_menu', // расположение меню в теме, вывели header_menu 'menu_class' => 'menu__ul menu__ul-pos', 'container' => '', 'container_class' => '', 'link_before' => '<li class="menu__li menu__li-pos">', 'link_after' => '</li>', ));

It would seem all is well, and the menu output is there, but the function creates 2 menu items each.

 <ul id="menu-menu" class="menu__ul menu__ul-pos"> <li id="menu-item-36" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-36"><a href="/"></a></li> <li class="menu__li menu__li-pos"><a href="/">Главная</a></li> <li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="/sample-page/"></a></li> <li class="menu__li menu__li-pos"><a href="/sample-page/">Пример страницы</a></li> <li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-34"><a href="/2016/10/12/mdl-website/"></a></li> <li class="menu__li menu__li-pos"><a href="/2016/10/12/mdl-website/">MDL website</a></li> <li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-35"><a href="/2016/10/12/sunt-nulla/"></a></li> <li class="menu__li menu__li-pos"><a href="/2016/10/12/sunt-nulla/">Sunt nulla</a></li> </ul>

One item with the text and classes of my item, and the second item is empty with its classes. How to fix it, I do not want to use WP classes.

Recently answered a similar question, Elena answered below that in order to create her own menus, you need to use the class Walker_Nav_Menu
I've asked a similar question here.stackoverflow.com/questions/567347/…

HamSter HamSter 18k five 33 83 · Answer 1 · 2016-10-12T13:03:19

I did it myself with the help of the 'walker' :

header.php:

 <?php if ( has_nav_menu( 'primary' ) ) : ?> <?php wp_nav_menu( array( 'theme_location' => 'header_menu', 'menu_class' => 'nav_menu_ul', 'container' => 'ul', 'walker' => new mainMenuWalker () ) ); ?> <?php endif; ?>

functions.php:

 class mainMenuWalker extends Walker_Nav_Menu { function start_el(&$output, $item, $depth, $args) { global $wp_query; /* * Некоторые из параметров объекта $item * ID - ID самого элемента меню, а не объекта на который он ссылается * menu_item_parent - ID родительского элемента меню * classes - массив классов элемента меню * post_date - дата добавления * post_modified - дата последнего изменения * post_author - ID пользователя, добавившего этот элемент меню * title - заголовок элемента меню * url - ссылка * attr_title - HTML-атрибут title ссылки * xfn - атрибут rel * target - атрибут target * current - равен 1, если является текущим элементов * current_item_ancestor - равен 1, если текущим является вложенный элемент * current_item_parent - равен 1, если текущим является вложенный элемент * menu_order - порядок в меню * object_id - ID объекта меню * type - тип объекта меню (таксономия, пост, произвольно) * object - какая это таксономия / какой тип поста (page /category / post_tag и т д) * type_label - название данного типа с локализацией (Рубрика, Страница) * post_parent - ID родительского поста / категории * post_title - заголовок, который был у поста, когда он был добавлен в меню * post_name - ярлык, который был у поста при его добавлении в меню */ $indent = ( $depth ) ? str_repeat( "\t", $depth ) : ''; /* * Генерируем строку с CSS-классами элемента меню */ $class_names = $value = ''; $classes = empty( $item->classes ) ? array() : (array) $item->classes; $classes[] = 'menu-item-' . $item->ID; // функция join превращает массив в строку $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) ); $class_names = ' class="nav-item"'; /* * Генерируем ID элемента */ $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args ); $id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : ''; /* * Генерируем элемент меню */ $output .= $indent . '<li' . $id . $value . $class_names .'>'; // атрибуты элемента, title="", rel="", target="" и href="" $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 .= '<a class="nav-link"'. $attributes .'>'; $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after; $item_output .= '</a>'; $item_output .= $args->after; $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args ); } }

I think you can customize for yourself.

My WordPress menu [duplicate]

Reported as a duplicate by rjhdby , aleksandr barakin , Bald , user207618, Streletz on Oct 15 '16 at 11:30 .

1 answer 1

More articles: