在wp_nav_menu的第一个子项之前添加<img/>

Question

使用Wordpress中的wp_nav_menu功能，我试图在<ul>的第一个孩子之前添加徽标，以基本达到与左边有多少个网站徽标相同的效果导航栏本身，即https://trello.com/。

我怎样才能最好地实现这个目标？

非常感谢任何帮助。

由于

劳埃德

Answer 1

将此添加到您的functions.php

add_filter('wp_nav_menu_items','add_new_menu_item', 10, 2);
function add_new_menu_item( $nav, $args ) {
    $newmenuitem = "<li class='home-link'><img src='PATH_TO_YOUR_LOGO'/></li>";
    $nav = $newmenuitem.$nav;
    return $nav;
}

如果您只想在菜单为“主要”时添加徽标，请使用：

add_filter('wp_nav_menu_items','add_new_menu_item', 10, 2);
function add_new_menu_item( $nav, $args ) {
    if( $args->theme_location == 'primary' )
    $newmenuitem = "<li class='home-link'><img src='PATH_TO_YOUR_LOGO'/></li>";
    $nav = $newmenuitem.$nav;
    return $nav;
}