アイウエオ順でソートして見出し（id付与）をつける

https://hp-maruwakari.com/wp-aiueo/

<?php
  $furigana =  'd_furigana'; //acfのフィールド名
  $en_abcd = "abcd";
  $en_efgh = "efgh";
  $en_ijkl = "ijkl";
  $en_mnop = "mnop";
  $en_qrst = "qrst";
  $en_uvwxyz = "uvwxyz";
  $jp_agyo = "あいうえお";
  $jp_kagyo = "かきくけこがぎぐげご";
  $jp_sagyo = "さしすせそざじずぜぞじゃじゅじょ";
  $jp_tagyo = "たちつてとだぢづでど";
  $jp_nagyo = "なにぬねの";
  $jp_hagyo = "はひふへほばびぶべぼぱぴぷぺぽびゅ";
  $jp_magyo = "まみむめも";
  $jp_yagyo = "やゆよ";
  $jp_ragyo = "らりるれろ";
  $jp_wagyo = "わをん";
  $mojilist = array($en_abcd,$en_efgh,$en_ijkl,$en_mnop,$en_qrst,$en_uvwxyz,$jp_agyo,$jp_kagyo,$jp_sagyo,$jp_tagyo,$jp_nagyo,$jp_hagyo,$jp_magyo,$jp_yagyo,$jp_ragyo,$jp_wagyo);
  $mojilabel = array("A-D","E-H","I-L","M-P","Q-T","U-Z","あ行","か行","さ行","た行","な行","は行","ま行","や行","ら行","わ行");
  $args = Array(
    'post_type' => 'dictionary', //投稿タイプを指定
    'posts_per_page' => '-1',
    'meta_key' => $furigana,
    'orderby' => 'meta_value',
    'order' => 'ASC',
  );
  $wp_query = new WP_Query($args);
  $i = 0;
  if(have_posts()):
    while ( have_posts() ) : the_post();
    $first_word = get_field($furigana);
    $first_word = mb_substr($first_word, 0, 1);
    foreach ($mojilist as $index=>$value):
        $pos = strpos($value, $first_word);
        if($pos !== false):
            if($i == 0){
                //最初のみ
                echo  '<h2>'. $mojilabel[$index] .'</h2><ul>';
                $num = $index;
                $i = $i + 1;
            }else{
                if($num != $index){
                    echo  '</ul><h2>'. $mojilabel[$index] .'</h2><ul>';
                    $num = $index;
                }
            }
    ?>
    <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
    <?php endif; endforeach;  endwhile; ?>
</ul>            
<?php endif; ?>

上記サイトのコードを利用して、見出し付きでアイウエオ順の投稿一覧を表示できたのですが、見出しにidを付与したいのですがどのようなコードをかけばよいのかわかりません。
見出しにidを付与したいのは、ア行、カ行、サ行、タ行、ナ行、ハ行、マ行、ヤ行、ラ行、ワ行、というボタンを作ってアンカーリンクをつけて該当箇所に移動できるようにしたいためです。