如果可以在 wp_nav_menu 上以相反的顺序添加自定义菜单项

Question

我正在尝试在我的网站上添加自定义菜单项。它显示完美，但我需要显示倒序格式。

截图是这样的：

函数代码为：

  add_filter('wp_nav_menu_items','add_custom_in_menu', 10, 2);
function add_custom_in_menu( $items, $args ) {

    if( $args->theme_location == 'primary') {
        $items .= "<li>
        <div class='userView'> <img class='background' src='".get_bloginfo('template_url')."/assets/images/sidenav-logo-bg.png'> <a href='.'><img src='".get_bloginfo('template_url')."/assets/images/logo-mdm.png' class='responsive-img'></a> </div>
        <div class='show-on-med-and-down nav-social'>
        <a href='#' target='_blank' class='facebook'><i class='fa fa-facebook'></i></a>
              <a href='#' target='_blank' class='twitter'><i class='fa fa-twitter'></i></a>
              <a href='#' target='_blank' class='google'><i class='fa fa-google-plus'></i></a>
              <a href='#' target='_blank' class='linkdin'><i class='fa fa-linkedin'></i></a>
              <a href='#' class='email'><i class='fa fa-envelope'></i></a>
         </div>
      </li>";
    }

    return $items;
}

header

上的菜单链接代码

<?php if ( has_nav_menu( 'primary' ) ) : ?>
            <ul id="slide-out" class="side-nav">
                <?php
                    //  navigation menu.
                    wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary', 'orderby' => 'menu_order') );
                ?>

            </ul>
            <?php endif; ?>

我需要倒序，比如徽标应该在顶部，而其他的则在徽标下方循环。请帮忙。

Answer 1

目前您附加标志（<li> 内的所有内容）到$items 字符串。你应该改为 prepend 它，像这样：

if( $args->theme_location == 'primary') {
  $items = "<li>\ template is skipped for readability \</li>" . $items;
}
return $items;

您可以考虑将徽标模板生成提取到一个单独的函数中。

如果可以在 wp_nav_menu 上以相反的顺序添加自定义菜单项

If it is possible to add custom menu item on wp_nav_menu with reverse order

php

wordpress

add-filter