首页 > 解决方案 > 向带有子项的 Wordpress 导航项添加额外元素

问题描述

我有一个嵌套的下拉菜单。在有子元素的元素上,我想在链接文本旁边添加一个 V 形。当前的 HTML 如下所示:

<ul class="primary-menu">
    <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has- 
    children menu-item-59">
        <a href="#">Europe</a>
        <ul class="sub-menu"></ul>
    </li>
</ul>

我想使用 add_filter 钩子把这个标记变成这样:

<ul class="primary-menu">
    <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has- 
    children menu-item-59">
        <div>
          <a href="#">Europe</a>
          <img src="chevron.svg">
        </div>
        <ul class="sub-menu"></ul>
    </li>
</ul>

我希望找到一个过滤器,它可以返回一系列菜单项。如果菜单项具有“menu-item-has-children”类,我想更改项目中的 HTML。

标签: phpwordpresswordpress-theming

解决方案


推荐阅读