WordPressでのメニューにサブタイトルを追加する方法

WordPressでメニューにサブタイトルを追加するには以下の手順を実行します：

1. 外観＞メニューでタイトル属性をオンにします。
2. functions.phpに以下のコードを追加します：

    function attribute_add_nav_menu($item_output, $item){
      return preg_replace('/(<a.*?>[^<]*?)</', '$1' . "<span class="sub-title">{$item->attr_title}</span><", $item_output);
    }
    

3. メニュー出力時にパラメータを追加します。spanのラップが不要であれば入れなくても良いです：

    <?php wp_nav_menu(array(
      'menu' => 'header-menu-1',
      'link_before' => '<span class="main-title">',
      'link_after' => '</span>'
    ));?>
    

4. spanの順番が変わるので、flex orderを使って順番を調整します。

以上が、WordPressでメニューにサブタイトルを追加する手順です。