Wordpress 中的下拉菜单

Posted 2023-03-06

【中文标题】Wordpress 中的下拉菜单

【英文标题】：Dropdown Menu in Wordpress

【发布时间】：2011-07-20 22:13:42

【问题描述】：

我是制作 WordPress 主题的新手，但我已经设法将导航菜单列表包含在我的主题中。我想用 CSS 把它变成一个水平下拉菜单，但是我在搞清楚它时遇到了各种各样的麻烦。

我用过这段代码：

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>

要输出这个：

    <div id="nav-container">
<div class="menu">
<ul>
<li class="current_page_item">Current Page</li>
    <li class="page_item page-item-58">Menu Item #1
        <ul class='children'>
            <li class="page_item page-item-62">Child Item #1</li>
            <li class="page_item page-item-60">Child Item #2</li>
            </ul>
    </li>
</ul>
</div>

</div>

有人可以告诉我，或者指出正确的方向来将其变成下拉菜单吗？作为说明，我也不知道如何更改导航列表的输出方式:(。

我知道这可能是个大问题，但我们将不胜感激任何帮助！

谢谢 本

【参考方案1】：

提供大量文档和示例：http://codex.wordpress.org/Navigation_Menus 和 http://justintadlock.com/archives/2010/06/01/goodbye-headaches-hello-menus 和 http://codex.wordpress.org/Function_Reference/wp_nav_menu

【参考方案2】：

在 wordpress 中使用仪表板中的“菜单”制作下拉菜单非常容易。您可以简单地制作您的菜单并在下拉列表中缩进您想要的任何项目，只需将其向右拖动一点（它会卡入到位），wordpress 默认情况下会添加 .dropdown 类，然后您可以设置样式随心所欲地使用 CSS。

如果您需要 CSS 以外的帮助，那么学习如何制作 CSS 下拉菜单可能是个好主意，这样您就可以用它来补充它。

干杯。