wp_nav_menuを使用してメニュー名を表示する

17

wp_nav_menuを使用して問題なく呼び出すことができるカスタムメニューがあります。メニューの前にh3タグ内にメニュー名を表示する方法はありますか？

例

<h3>My Menu Name</h3>
<nav>
<ul>
<li>Menu Item 1</li>
<li>Menu Item 2</li>
</ul>
</nav>

theme-development menus

— csi
ソース

15

メニューのスラッグがわかっている場合は簡単です。それ以外の場合は、この関数を使用して、指定された場所でメニューを取得できます。

<?php
function wpse45700_get_menu_by_location( $location ) {
    if( empty($location) ) return false;

    $locations = get_nav_menu_locations();
    if( ! isset( $locations[$location] ) ) return false;

    $menu_obj = get_term( $locations[$location], 'nav_menu' );

    return $menu_obj;
}
?>

それから

//if you after the menu the menu with a specific ID / Slug
//$menu_obj =wp_get_nav_menu_object($id_slug_or_name); 

//if you after the menu at a specific location
$menu_obj = wpse45700_get_menu_by_location($location); 

echo "<h3>".esc_html($menu_obj->name)."</h3>";
//Display menu here

または、htmlをエコーするのではなく、items属性の引数の一部としてそれを渡すことができますwp_nav_menu。

たとえば、場所「primary」でメニューを表示するには：

$location = 'primary';
$menu_obj = wpse45700_get_menu_by_location($location ); 
wp_nav_menu( array('theme_location' => $location, 'items_wrap'=> '<h3>'.esc_html($menu_obj->name).'</h3><ul id=\"%1$s\" class=\"%2$s\">%3$s</ul>') );

— スティーブン・ハリス
ソース

1

ステファン、素晴らしい反応に感謝します。初心者には申し訳ありませんが、引数としてhtmlを渡すためのコードを提供できますか。それはすべてを解決します。ありがとう！

— csi

更新された回答を参照してください：D

— スティーブンハリス

4

以下のID 4をメニューのIDに置き換えます。IDがわからない場合は、管理者のメニューページに移動して、タイトルをエコーするメニューのタブを右クリックし、要素を検査すると、IDがリンクにmenu = IDとしてリストされます。

<?
$_menu_object = wp_get_nav_menu_object( 4 );
$nav_menu_selected_title = $_menu_object->name;
echo $nav_menu_selected_title;
?>

— tbradley22
ソース

2

ステファンの答えは良いです。しかし、私はそれをさらに一歩進めました：

<?php 
$location = 'footer_navigation3';
if (has_nav_menu($location)) :
    $menu_obj = get_menu_by_location($location); 
    wp_nav_menu( array( 
        'theme_location'  => $location,
        'items_wrap'=> '<strong>'.esc_html($menu_obj->name).'</strong><ul id="%1$s" class="%2$s">%3$s</ul>'
    )); 
endif;
?>

「footer_navigation3」というテーマの場所を登録し、それにwpメニューを割り当てたと仮定します。メニューを表示したい場所にこのコードを配置してください。

— ニクマレ
ソース