Как вставить кстомный пункт меню между пунктами?

Question

[denis2601]

Как можно вставить свой пункт (например логотип LOGO) между основными пунктами меню?

<ul id="menu-header-id" class="menu-header">
<li id="menu-item-409" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-409">
<a href="#">Services</a>
</li>
<li id="menu-item-410" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-410">
<a href="#">Portfolio</a>
</li>
<li id="menu-item-411" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-411">
<a href="#">Blog</a>
</li>
<li class="menu-item-logo">LOGO</li>
<li id="menu-item-412" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-412">
<a href="#">Contact</a>
</li>
<li id="menu-item-413" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-413">
<a href="#">Store</a>
</li>
</ul>

Answer 1

[denis2601]

Решил задачу, если кому будет интересно

add_filter('walker_nav_menu_start_el', 'custom_walker_nav_menu_start_el', 10, 4);

    function custom_walker_nav_menu_start_el($item_output, $item, $depth, $args)
    {
      $ceil_count = ceil($args->menu->count / 2);
      $logo_url = get_field('acf_theme_logo_header_white', 'option');

      if ($args->theme_location == 'theme_menu' && $item->menu_order == $ceil_count) {
        $item_output .= '</li>
<li class="menu-item-logo"><a class="pp-menu-item-logo__link" href="' . esc_url(home_url('/')) . '"><img src="' . $logo_url['url'] . '" alt="' . get_bloginfo('name') . '"></a>';
      }

      return $item_output;
    }

Answer 2

[Юпитер Макс]

Обычно делают 2 меню, левое и правое. Между ними выводят логотип в верстке

Comments

[denis2601]

Это решение я знаю, мне это нужно не только для логотипа, я написал для примера, я буду вставлять ещё кастомное выпадающее мегаменю

[deadnice]

Можно вывод меню переделать через https://wp-kama.ru/function/wp_nav_menu