【wordpress】パーマリンク先のアンカーにリンク

前提・実現したいこと

HTML作成のHPをWordPress化する練習をしています。
（HTMLの時）
①「トップページ」に3つのブログ記事を一覧表示
②記事をクリックすると、「ブログ記事一覧ページ」の該当箇所にジャンプ（IDでアンカー指定）
※ブログ個別ページは表示させたくない（「ブログ記事一覧ページ」に全て表示する仕様）
↓
（WP化）
①ループで最新記事を3つ取得・表示させる→できた
②ここができない
状態：
・「ブログ記事一覧ページ」もループ使用（５件表示＋ページネーション）
・パーマリンクの指定がわからず、「ブログ個別ページ」に飛んでしまう（作成していないので真っ白）

php
1<?php query_posts('posts_per_page=3'); 
2       if (have_posts()) :
3        while (have_posts()) :
4          the_post(); ?>
5      <div class="tp_item">
6        <a href="<?php echo get_permalink(get_page_by_path('topics')->ID); ?>">
7          <span class="mask">
8          　　<?php the_post_thumbnail(array(360, 412)); ?>  
9          　　<?php echo get_template_directory_uri();?>
10          </span>
11          <div class="item_txt">
12            <h1><?php the_title(); ?></h1>
13          </div>
14        </a>
15      </div>      
16<?php endwhile; endif;
17  wp_reset_query();?>