¿Cómo genero un sistema de menú / submenú personalizado usando wp_get_nav_menu_items en wordpress?
Tengo una estructura html que requiere personalización de lawp_nav_menu
código.
Este es el html que necesito para generar:
<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>
Actualmente estoy usandowp_get_nav_menu_items
para obtener todos los elementos de mi menú como una matriz.
En este momento soy capaz de generar el html anterior.sin los submenús usando el siguiente código:
<?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; ?>
Habría generado el menú usando elwp_nav_menu
Función pero todavía necesito la descripción mostrada usando$page->post_excerpt
.
He encontrado que hay una propiedad para cada elemento llamado$item->menu_item_parent
que da la ID del elemento del menú principal.
¿Cómo generaría el submenú en miforeach
¿lazo? ¿O hay una manera muy simple de usarwp_nav_menu
¿Qué Google olvidó mencionar?