आपको नौसेना मेनू के लिए एक कस्टम वॉकर की आवश्यकता है।
मूल रूप से, आप एक पैरामीटर जोड़ने 'walker'
के लिए wp_nav_menu()
विकल्प और एक बेहतर वर्ग का एक उदाहरण फोन:
wp_nav_menu(
array (
'menu' => 'main-menu',
'container' => FALSE,
'container_id' => FALSE,
'menu_class' => '',
'menu_id' => FALSE,
'depth' => 1,
'walker' => new Description_Walker
)
);
वर्ग Description_Walker
विस्तार करता है Walker_Nav_Menu
और start_el( &$output, $item, $depth, $args )
देखने के लिए फ़ंक्शन को बदलता है $item->description
।
एक मूल उदाहरण:
/**
* Create HTML list of nav menu items.
* Replacement for the native Walker, using the description.
*
* @see https://wordpress.stackexchange.com/q/14037/
* @author fuxia
*/
class Description_Walker extends Walker_Nav_Menu
{
/**
* Start the element output.
*
* @param string $output Passed by reference. Used to append additional content.
* @param object $item Menu item data object.
* @param int $depth Depth of menu item. May be used for padding.
* @param array|object $args Additional strings. Actually always an
instance of stdClass. But this is WordPress.
* @return void
*/
function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 )
{
$classes = empty ( $item->classes ) ? array () : (array) $item->classes;
$class_names = join(
' '
, apply_filters(
'nav_menu_css_class'
, array_filter( $classes ), $item
)
);
! empty ( $class_names )
and $class_names = ' class="'. esc_attr( $class_names ) . '"';
$output .= "<li id='menu-item-$item->ID' $class_names>";
$attributes = '';
! empty( $item->attr_title )
and $attributes .= ' title="' . esc_attr( $item->attr_title ) .'"';
! empty( $item->target )
and $attributes .= ' target="' . esc_attr( $item->target ) .'"';
! empty( $item->xfn )
and $attributes .= ' rel="' . esc_attr( $item->xfn ) .'"';
! empty( $item->url )
and $attributes .= ' href="' . esc_attr( $item->url ) .'"';
// insert description for top level elements only
// you may change this
$description = ( ! empty ( $item->description ) and 0 == $depth )
? '<small class="nav_desc">' . esc_attr( $item->description ) . '</small>' : '';
$title = apply_filters( 'the_title', $item->title, $item->ID );
$item_output = $args->before
. "<a $attributes>"
. $args->link_before
. $title
. '</a> '
. $args->link_after
. $description
. $args->after;
// Since $output is called by reference we don't need to return anything.
$output .= apply_filters(
'walker_nav_menu_start_el'
, $item_output
, $item
, $depth
, $args
);
}
}
या, जैसा कि @nevvermind ने वैकल्पिक रूप से टिप्पणी की थी , आप माता-पिता के कार्य की सभी कार्यप्रणालियों को विरासत में प्राप्त कर सकते हैं start_el
और केवल इस विवरण को संलग्न कर सकते हैं $output
:
function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 )
{
parent::start_el( $output, $item, $depth, $args );
$output .= sprintf(
'<i>%s</i>',
esc_html( $item->description )
);
}
नमूना उत्पादन:
अब wp-admin/nav-menus.php
इस फ़ील्ड को संपादित करने की क्षमता प्राप्त करने के लिए वर्णन फ़ील्ड को सक्षम करें। यदि आप WP नहीं करते हैं, तो अपनी पूरी पोस्ट सामग्री को उसमें मिटा देते हैं।
आगे की पढाई:
और बस।
public function start_el(&$output, $item, $depth, $args) { parent::start_el($output, $item, $depth, $args); $output .= sprintf('<i>%s</i>', esc_html($item->description)); }