向WordPress菜单添加自定义菜单项

Question

我有一个WordPress菜单，其中有一些菜单项是我通过标准（拖放）WordPress管理菜单功能添加的。最近，我不得不在菜单中添加另一项，以生成动态href链接。我在函数中使用以下html" target="_blank">代码实现了这一点。php文件：

//将“我的个人资料”菜单项动态添加到“成员”菜单（根据当前登录的用户生成用户名）

add_filter（wp_nav_menu_items、add_profilelink_in_menu、10、2）；

函数在菜单中添加配置文件链接（$items，$args）{

if( $args->theme_location == 'secondary')  {

 global $current_user;            
       //converts user id to username           
       $user_info = get_userdata($current_user->ID);

$items .='<li id="menu-item-2091" class="menu-item menu-item-2091">
 <a href="https://www.mysite.com/members/' . $user_info->user_login .'">Profile</a>
 </li>';

  }
  return $items;  

}

我的问题是，此菜单项被添加到菜单的末尾，而常规WordPress菜单类（如“current menu item”）不会应用于此项。我是否有办法控制此菜单项的添加位置（例如：在前两项之后添加此项？）

我怎样才能让WordPress把这个动态生成的菜单项作为常规菜单项，并让它添加所有它添加其他菜单项的类（通过WordPress菜单功能创建）？

感谢任何帮助。

Answer 1

您是否在主题中选中Wordpress菜单选项-

Answer 2

下面是使用jquery可以建立的逻辑

  //suppose your menu is this
  <ul id="secondary_nav">
    <li id="li_unique_id_1"><a href="">menu 1</a></li>
    <li id="li_unique_id_2"><a href="">menu 2</a></li>
    <li id="li_unique_id_4"><a href="">menu 4</a></li>
</ul>

 //the jquery workaround
 //place this in your footer
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type='text/javascript'>
$(function(){
    <?php
     global $current_user;            
     //converts user id to username           
     $user_info = get_userdata($current_user->ID);
    ?>
    $("<li id='menu-item-2091' class='menu-item menu-item-209'><a href='https://www.mysite.com/members/<?php echo $user_info->user_login; ?>'>Profile</a></li>").insertAfter("#secondary_nav #li_unique_id_2");     
});   
</script>

也可以使用insertBefore函数