Question

我想在我的自定义主题中更改wordpress导航的默认HTML，在li中添加带有子菜单的插入符号。默认的html如下所示：

<ul id="menu-menu" class="nav navbar-nav">
    <li id="menu-item-98" class="classes"><a href="#">Normal item</a></li>

    <li id="menu-item-105" class="classes menu-item-has-children dropdown"><a href="#">Has a sub menu</a>
        <ul class="sub-menu">
            <li id="menu-item-113" class="classes"><a href="#">Sub menu item</a></li>
        </ul>
    </li>
</ul>

我想以这种形式改变这一点：

<ul id="menu-menu" class="nav navbar-nav">
    <li id="menu-item-98" class="classes"><a href="#">Normal item</a></li>

    <li id="menu-item-105" class="classes menu-item-has-children dropdown">
        <a href="#">
            Has a sub menu
            <!-- ADD THIS PART -->
            <span class="caret"></span> 
        </a>
        <ul class="sub-menu">
            <li id="menu-item-113" class="classes"><a href="#">Sub menu item</a></li>
        </ul>
    </li>
</ul>

我认为可以在function.php中使用php执行类似的操作，但我不知道如何操作。你能帮助我吗？谢谢你的建议。

Answer 1

在外观下添加子菜单 - ＆gt;菜单。

然后，您可以使用Chrome / Firebug检查器查找要添加插入符号的子菜单的UL类别/ ID。使用以下内容修改您的子主题的style.css：

ul .sub-menu { 
    list-style-image: url('caret.gif');
}

编辑wordpress菜单的HTML

1 个答案: