wordpress ホームページを固定ページにするとリンクが取得されない

前提・実現したいこと

ホームページ制作でhtmlファイルをwordpress化しています。
wp管理画面＞設定＞表示設定＞ホームページの表示：最新の投稿だとfront-page.phpが正常に表示されますが、
ホームページの表示：固定ページで作成してあるいずれかの固定ページを選択すると投稿記事の一覧を取得する部分が正常に表示されません。

発生している問題・エラーメッセージ

ブラウザのデベロッパーツールで確認したところ、記事のリンクが読み込まれていませんでした。

正常時
<a href="http://localhost:8888/dev/%e5%ae%8c%e5%85%a8%e7%89%88%e3%83%9e%e3%83%8f%e3%83%bc%e3%83%90%e3%83%bc%e3%83%a9%e3%82%bf-2020%e5%b9%b47%e6%9c%88%e3%83%bb%e6%9d%b1%e4%ba%ac%e5%85%ac%e6%bc%94%ef%bc%81%ef%bc%812/" class="news-card">
 <div class="card-img">
  <img width="810" height="578" src="http://localhost:8888/dev/wp-content/uploads/2020/06/news-single.png" class="attachment-large size-large wp-post-image" alt="" srcset="http://localhost:8888/dev/wp-content/uploads/2020/06/news-single.png 810w, http://localhost:8888/dev/wp-content/uploads/2020/06/news-single-300x214.png 300w, http://localhost:8888/dev/wp-content/uploads/2020/06/news-single-768x548.png 768w" sizes="(max-width: 810px) 100vw, 810px">
 </div>
 <div class="card-body">
  <div class="news-date">2020.6.27</div>
  <div class="news-title">完全版マハーバーラタ 2020年7月・東京公演！！2</div>
 </div>
</a>
問題時
<a href="http://localhost:8888/dev/" class="news-card">              </a>

該当のソースコード

html
1<!-- 記事数分ループ -->
2            <?php 
3            while(have_posts()):
4            the_post(); ?>
5
6            <?php 
7              echo '<a href="' , get_permalink() , '" class="news-card">';
8            ?>
9              <div class="card-img">
10                <?php 
11                if (has_post_thumbnail()) {
12                  //アイキャッチ画像があれば大サイズで表示
13                  the_post_thumbnail('large');
14                } else {
15                  //なければnoimg画像を表示
16                  //echo '<img src="' . esc_url(get_template_directory_url()) . '/img/noimg.png" alt="">';
17                }
18                ?>
19              </div>
20              <div class="card-body">
21                <div class="news-date"><?php the_time('Y.n.j'); //公開日 ?></div>
22                <div class="news-title"><?php the_title(); //タイトル ?></div>
23              </div>
24            </a>
25            <?php endwhile; ?>