WordPressにてヘッダーメニュー<span>タグの文字も反映させたいです

Question

-WordPressの管理画面にて「外観」→「メニュー」よりメニューリスト作成しました。
その際に書き換えたコードがこちらになります。

修正前

<ul class="main-menu">
  <li><a href="<?php echo get_page_link( ID ); ?>">Home<span>ホーム</span></a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">Menu<span>メニュー</span></a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">Style<span>スタイル</span></a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">News<span>お知らせ</span></a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">Access<span>アクセス</span></a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">Blog<span>ブログ</span></a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">Reservation<span>ご予約</span></a></li>
</ul>

修正後

<ul class="main-menu">
  <?php
  $args = array (
    'menu' => 'header-menu-list',
    'container' => false,
  );
  wp_nav_menu($args);
  ?>
</ul>

出力されたHTMLです

<ul class="main-menu">
  <li><a href="<?php echo get_page_link( ID ); ?>">Home</a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">Menu</a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">Style</a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">News</a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">Access</a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">Blog</a></li>
  <li><a href="<?php echo get_page_link( ID ); ?>">Reservation</a></li>
</ul>

となります。修正後は<span>タグで囲っている「ホーム」などの文字がない状態で反映されるのですが、<span>タグを含めた状態で反映させるにはどういったコードを書けばいいのか教えていただけないでしょうか？

Comments

[kyoya0819]

Homeなどの英文字は存在しているのでしょうか？

[sasayaka_p]

はい！英文字は全て存在してます！
すいません書き忘れてました

[CHERRY]

修正した結果、どの様な HTML が出力されているのか　ウェブブラウザに表示されているメニュー部分の HTML を質問に記載していただけないでしょうか。

[sasayaka_p]

すいません。
質問にHTMLコード追記いたしました。

Answer 1

多分直接HTMLタグは入れられないので、フックを使ったりして処理するようです。

【WordPressのナビゲーションメニューに説明をつける | テクニカルノート】
https://accelboon.com/tn/wordpressのナビゲーションメニューに説明をつける/

【WPのナビメニューにタイトル属性を利用したサブキャプションを出す | 日常の生活と仕事を雑記するコーダーのブログ | CattleMute】
http://www.cattlemute.com/2018/08/11/1195/

【WordPressのカスタムメニュー（wp_nav_menu）を使って、サブタイトル付きのナビゲーションを実装する | かちびと.net】
http://kachibito.net/wordpress/custom/show-the-description-of-the-menu.html