WordPressにてモーダルがうまく動作せず、最新の記事内容しか表示されません。

前提

静的に作成したWEBページをwordpress化させています。
「Local」で作成しております。
Web server は　「Apache」
PHP ver.は　　　「8.0.0」　です。

静的ページで作成した際、modaalのJQueryにてモーダルウィンドウを作成しましたが、ワードプレスに落とし込む際にうまく投稿内容が表示されません。
モーダルは動作するのですが、記事がどれを選択しても最新の記事内容が表示されてしまいます。動作前のリンクのタイトルなどは正常に表示されています。
はじめに記述した際はちゃんと動作したのですが、別の作業をして戻ってみると上記の状態になっていました。
カスタム投稿タイプで、記述先はarchive-artists.phpです。

お店紹介テキストこれはお試しのテキストです。ここには販売店舗の紹介文が簡潔に表示されます。 ↑ここの部分が最新の投稿内容以外表示されず変わりません。

実現したいこと

モーダルウィンドウにて各記事がちゃんと表示されるようにしたいです。

該当のソースコード

ARTISTS参加アーティスト 'artists', 'posts_per_page' => -1, 'orderby' => 'date', 'order' => 'DESC',

));
global $post;
if($artists): foreach($artists as $post): setup_postdata($post); ?>

<li><a href="artist1" class="artist1"><div class="artists-img"><?php if(has_post_thumbnail()): ?><?php the_post_thumbnail('large'); ?> <?php endif; ?></div> <p><?php the_title(); ?></p> <?php the_content(); ?> </a> <section class="modal-area"> <div class="shop-modal" id="artist1"> <div class="modal-contents" > <?php if(has_post_thumbnail()): ?><?php the_post_thumbnail('large'); ?> <?php endif; ?> <p><?php the_title(); ?></p> <p>お店紹介テキストこれはお試しのテキストです。ここには販売店舗の紹介文が簡潔に表示されます。</p> </div> </div> </section> </li>

</ul> </section>

試したこと

プラグインなどを無効化してみても、他のモーダルのJQeryを使ってみても結果は同じで、最新の記事以外表示されません。