我有一个 wordpress 的自定义主题,当我添加一个页面时它会自动显示在菜单中,我已经添加了我也想在菜单中显示的子页面,但是菜单只扩展到 1 级,我想要显示 3 个级别,例如
顶部导航菜单
产品 -> 硬件 -> 戴尔 -> 笔记本电脑 -> 桌面
类似的东西。下面是生成菜单的代码,请帮助我
<section id="nav-container">
<section class="container_12">
<section class="grid_12">
<!-- #nav start -->
<nav id="nav">
<ul>
<li><span class="nav-icon icon-home"></span> <a href="<?php echo home_url( '/' ); ?>">Home</a></li>
<?php
$wpmenu = new WP_Query(array('post_type' => 'page','post_status' => 'publish', 'post_parent' => '0','order' => 'ASC','orderby' => 'menu_order'));
$myi = 1;
if($wpmenu->have_posts()): while($wpmenu->have_posts()): $wpmenu->the_post();
$icon = get_post_meta(get_the_ID(), "icon", TRUE);
?>
<li><span class="nav-icon icon-<?php echo $icon;?>"></span>
<a href="<?php echo the_permalink(); ?>"><?php echo the_title(); ?></a>
<?php
$submenu2 = "SELECT $wpdb->posts.* FROM $wpdb->posts WHERE $wpdb->posts.post_status = 'publish' AND $wpdb->posts.post_type = 'page' AND $wpdb->posts.post_parent = '".get_the_ID()."' ORDER BY menu_order ASC";
if($menu3 = $wpdb->get_results($submenu2, OBJECT))
{
echo "<ul>";
foreach($menu3 as $menu4)
{
?>
<li><a href="<?php echo get_permalink($menu4->ID); ?>"><?php echo $menu4->post_title; ?></a></li>
<?php
}
echo "</ul>";
}
else
{
echo "</li>";
}
?>
<?php
$myi++;
endwhile; endif;
wp_reset_query();
?>
</li>
</ul>
</nav>
<!-- #nav end -->
<!-- responsive navigation start -->
<select id="nav-responsive">
<option value="<?php echo home_url( '/' ); ?>">Home</option>
<?php
$active = "";
$wpmenu = new WP_Query(array('post_type' => 'page','post_status' => 'publish', 'post_parent' => '0','order' => 'ASC','orderby' => 'menu_order'));
if($wpmenu->have_posts()): while($wpmenu->have_posts()): $wpmenu->the_post();
?>
<option value="<?php echo get_permalink(); ?>">
<?php the_title();?>
</option>
<?php
endwhile; endif;
wp_reset_query();
?>
</select>
<!-- responsive navigation end -->
<section id="search-box">
<form action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search" method="get" id="searchform">
<input id="m_search" name="s" type="text" placeholder="Type and hit enter..." />
<input class="search-submit" type="submit" id="searchsubmit" />
</form>
</section>
</section>
<!-- .grid_12 end -->
</section>
<!-- .container_12 end -->
</section>
<!-- #nav-container end -->
最佳答案
我建议使用免费的 Multi-level Navigation插件,可让您完全控制导航中显示的链接。它真的很容易安装,并提供了一个到可视化编辑器的链接,这样您就可以像网站的其他部分一样设置下拉菜单的样式。
关于php - WordPress 导航菜单子(monad)页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20031654/