我有一个html结构,需要自定义wp_nav_menu代码.
这是我需要生成的html:
<ul class="main-nav">
<li class="item">
<a href="http://example.com/?p=123" class="title">Title</a>
<a href="http://example.com/?p=123" class="desc">Description</a>
<ul class="sub-menu">
<li class="item">
<a href="http://example.com/?p=123" class="title">Title</a>
<a href="http://example.com/?p=123" class="desc">Description</a>
</li>
</ul>
</li>
<li class="item">
<a href="http://example.com/?p=123" class="title">Title</a>
<a href="http://example.com/?p=123" class="desc">Description</a>
</li>
</ul>
我目前正在使用wp_get_nav_menu_items从菜单中获取所有项目作为数组.
现在我可以使用以下代码在没有子菜单的情况下生成上面的html:
<?php
$menu_name = 'main-nav';
$locations = get_nav_menu_locations()
$menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
$menuitems = wp_get_nav_menu_items( $menu->term_id, array( 'order' => 'DESC' ) );
foreach ( $menuitems as $item ):
$id = get_post_meta( $item->ID, '_menu_item_object_id', true );
$page = get_page( $id );
$link = get_page_link( $id ); ?>
<li class="item">
<a href="<?php echo $link; ?>" class="title">
<?php echo $page->post_title; ?>
</a>
<a href="<?php echo $link; ?>" class="desc">
<?php echo $page->post_excerpt; ?>
</a>
</li>
<?php endforeach; ?>
我会使用wp_nav_menu函数生成菜单,但我仍然需要使用$page-> post_excerpt显示的说明.
我发现每个项目都有一个名为$item-> menu_item_parent的属性,它给出了父菜单项的ID.
如何在foreach循环中生成子菜单?
或者是否有一种非常简单的使用wp_nav_menu的方式,Google忘记提及了?
解决方法:
对于那些解决类似问题的人来说,这是我的解决方案:
关于要点的快速代码示例
对于想要参与复制粘贴动作的任何人来说,在github gist上有一个Here’s the code.
TL; DR
TL; DR循环列表,如果有子菜单则向下钻取,如果到达子菜单和菜单的末尾则关闭.
完整的代码说明
首先将菜单项作为平面数组:
<?php
$menu_name = 'main_nav';
$locations = get_nav_menu_locations();
$menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
$menuitems = wp_get_nav_menu_items( $menu->term_id, array( 'order' => 'DESC' ) );
?>
然后迭代菜单项的数组:
<nav>
<ul class="main-nav">
<?php
$count = 0;
$submenu = false;
foreach( $menuitems as $item ):
// set up title and url
$title = $item->title;
$link = $item->url;
// item does not have a parent so menu_item_parent equals 0 (false)
if ( !$item->menu_item_parent ):
// save this id for later comparison with sub-menu items
$parent_id = $item->ID;
?>
写下第一个父项< li>:
<li class="item">
<a href="<?php echo $link; ?>" class="title">
<?php echo $title; ?>
</a>
<?php endif; ?>
检查此项的父ID是否与存储的父ID匹配:
<?php if ( $parent_id == $item->menu_item_parent ): ?>
开始子菜单< ul>并将$submenu标志设置为true以供以后使用:
<?php if ( !$submenu ): $submenu = true; ?>
<ul class="sub-menu">
<?php endif; ?>
写下子菜单项:
<li class="item">
<a href="<?php echo $link; ?>" class="title"><?php echo $title; ?></a>
</li>
如果下一个项目没有相同的父ID,并且我们已经声明了子菜单,则关闭子菜单< ul>
<?php if ( $menuitems[ $count + 1 ]->menu_item_parent != $parent_id && $submenu ): ?>
</ul>
<?php $submenu = false; endif; ?>
<?php endif; ?>
同样,如果数组中的下一个项目没有相同的父ID,则关闭< li>
<?php if ( $menuitems[ $count + 1 ]->menu_item_parent != $parent_id ): ?>
</li>
<?php $submenu = false; endif; ?>
<?php $count++; endforeach; ?>
</ul>
</nav>