个性化阅读
专注于IT技术分析

在wp_nav_menu的第一个孩子之前添加img

使用Wordpress中的wp_nav_menu函数, 我试图在<ul>的第一个子项之前添加徽标, 以基本实现与导航栏本身左侧有徽标的站点数量相同的效果, 即https:/ /trello.com/。

我如何才能最好地实现这一目标?

任何帮助将不胜感激。

谢谢

劳埃德


#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;
}
赞(0) 打赏
未经允许不得转载:srcmini » 在wp_nav_menu的第一个孩子之前添加img
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏