wordpressの記事一覧をタームごとに出力し、一覧ページでタームごとのボタンをクリックしてスクロールさせたい。

前提・実現したいこと

Wordpressのカスタム投稿で本の一覧を出力させたアーカイブページと本の詳細が分かるシングルページを作成しています。
まずはアーカイブページで、本のジャンル(ターム)ごとに記事があれば出力させるように以下のコードを記載したのですが、
タームも自動生成されている為、一覧ページに作成したタームごとのボタンを押してスクロールさせる方法が分かりません。
phpをいじるのもはじめてなので色々分かっておらず申し訳ありませんが、アドバイスいただけますと幸いです。

php
1<?php
2$taxonomy_name = 'タクソノミー名';
3$taxonomys = get_terms($taxonomy_name);
4if(!is_wp_error($taxonomys) && count($taxonomys)):
5
6foreach($taxonomys as $taxonomy):
7$tax_posts = get_posts(array('post_type' => get_post_type(), 'taxonomy' => $taxonomy_name,
8'term' => $taxonomy->slug ) );
9if($tax_posts):
10?>
11
12<h2><?php echo esc_html($taxonomy->name); ?></h2> //ターム名が表示
13<ul>
14
15<?php
16foreach($tax_posts as $tax_post):
17?>
18<li>
19<a href="<?php echo get_permalink($tax_post->ID); ?>"> //記事へのリンク
20<figure>
21<?php
22//画像 if(has_post_thumbnail($tax_post->ID)) { echo get_the_post_thumbnail($tax_post->ID,'post-thumbnail'); }
23?>
24</figure>
25
26<h3><?php echo get_the_title($tax_post->ID); ?></h3> //タイトル <h4><?php echo $tax_post->{'カスタムフィールド名'}; ?></h4> //カスタムフィールドを使わない場合は不要です
27</li>
28<?php endforeach; ?>
29
30</ul>
31<?php endif; endforeach; endif; ?>