我用特定的主题在Wordpress中创建了一个网页。现在，此主题具有菜单的预期标记：

<ul id=”primary-navigation-main”>
    <li>
        <a href=”https://example.com/page1”>Page 1</a>
    </li>
    <li>
        <a href=”https://example.com/page1”>Page 2</a>
    </li>
    <li>
        <a href=”https://example.com/page1”>Page 3</a>
    </li>
</ul>

在移动菜单上，愿望略有不同。在公司里，他们希望在按下菜单项时进行一些转换。我在另一个（硬编码）菜单上解决了这样的问题：

<ul id=”primary-navigation-main”>
    <li>
        <div class=”transition-div”></div>
        <a href=”https://example.com/page1”>
            <p>Page 1</p>
        </a>
    </li>
    <li>
        <div class=”transition-div”></div>
        <a href=”https://example.com/page1”>
            <p>Page 2</p>
        </a>
    </li>
    <li>
        <div class=”transition-div”></div>
        <a href=”https://example.com/page1”>
            <p>Page 3</p>
        </a>
    </li>
</ul>

或者像这样jsfiddle.

我不知道这是否是这个过渡的最佳解决方案，但它是有效的。

因此，我想补充一点<div> 进入<li> 之前<a> 在<a> 我想补充一下<p>. 我在摆弄wp_nav_menu 和wp_nav_menu_items 但我没有成功。我需要注册吗<ul> 还是别的什么？此外，我似乎必须使用学步课程，但我不知道如何使用。

谁能帮我一下，或者干脆告诉我这不可能？