Question

我在Wordpress中的导航菜单有些问题。我有一个导航菜单

<nav id="nav-menu">
<ul>
</ul>
</nav>

现在我想在ul：

之前和之后添加一个div

<nav id="nav-menu">
<div></div>
<ul>
</ul>
<div></div>
</nav>

我已经尝试了几个小时但是找不到解决方案。有人可以帮我这个，谢谢。我不想只显示wp_nav_menu（）<ul></ul>并将HTML代码<nav>和<div>放在wp_nav_menu（）之前。

Answer 1

只需将其添加到主题的functions.php文件中：

PropertyRef

Answer 2

我知道这已经3岁了，但是您可以完全按照您说的做，在wp_nav_menu中设置items_wrap属性：

wp_nav_menu( 
    array(
        'theme_location'  => 'menu',
        'items_wrap' => '<div class="div-inserted-inside-wrapper-before-ul">New div inserted</div><ul id="%1$s" class="%2$s">%3$s</ul>'
    )
);

因此，这些额外费用已包含在items_wrap中：

<div class="div-inserted-inside-wrapper-before-ul">New div inserted</div>

btws_wrap的默认值为：

wp_nav_menu( 
    array(
        'theme_location'  => 'menu',
        'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>'
    )
);

最终将以类似这样的html输出（包装div中的自定义div，在菜单ul之前）：

<div id="menu-wrapper" class="menu-wrapper">
    <div class="div-inserted-inside-wrapper-before-ul">New div inserted</div>
    <ul id="menu" class="menu">
        <li class="menu-item">
            <a title="Menu Item" href="#">Menu Item</a>
        </li>
        ...
    </ul>
</div>

Wordpress导航菜单在ul之前添加div

2 个答案: