![](https://cxg-design.jp/wp-content/uploads/2024/04/wpbanner02.png)
WP GLOBAL MENU CAPTION
WP
外観>メニューに説明欄を表示するコードです。
メニューにキャプションを表示できます。
//グローバルメニューに説明
add_theme_support( 'menus' );
if ( function_exists( 'register_nav_menus' ) ) {
register_nav_menus(
array(
'header-menu' => 'Header Menu',
)
);
}
function prefix_nav_description( $item_output, $item, $depth, $args ) {
if ( !empty( $item->description ) ) {
$item_output = str_replace( '">' . $args->link_before . $item->title, '">' . $args->link_before . '<strong>' . $item->title . '</strong>' . '<span class="menu-item-description">' . $item->description . '</span>' , $item_output );
}
return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'prefix_nav_description', 10, 4 );