wordpress:固定ページにショートコードで記事一覧を表示したところリンクがおかしい

前提・実現したいこと

wordpressでイベント一覧ページを制作しています。
トップページにイベント一覧を掲載したくショートコードを書きました。

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

ショートコードを書き記事一覧を読み込んだのですが、なぜか記事のタイトルと記事のリンク先URLがトップページタイトルと、トップページのアドレスになってしまいます。
タイトルとリンク先以外は投稿ページの内容を読み込んでいます。
（カスタムフィールドの内容を表示させており、無事に表示されています。）

ショートコードではなく直接テーマファイルに書き込むと無事に表示されますが、今までもショートコードファイルで制作していたので、こんなことが起こるのが初めてで戸惑っています。

該当のソースコード

<?php
$args = array(
'category_name'=>'event',
	'meta_value'	=> date('Y/m/d'),
	'meta_key'	=> '開催日', （yyyy/mm/dd）」の値を取得
	'meta_compare'	=> '>=',

	// 日付順でソート
	'orderby'		=> 'meta_value',
	'order'=> 'ASC',
	'showposts'		=> 4
);
$my_posts = get_posts( $args );
if ( $my_posts ) : // 該当する投稿があったら
foreach ( $my_posts as $post ) :
	setup_postdata( $post );
?>
<div><a href="<?php the_permalink() ?>">
<?the_post_thumbnail( array( 170, 170 ) );; ?><ul>
<li> <span class="tema"><?php the_field("イベントテーマ", $post->ID); ?></span>
<?php if(get_field('予約制')): ?><span class="yoyaku">要予約</span><?php else : ?><?php endif; ?></li>
<li><?php the_field("開催日", $post->ID); ?><?php the_field("event_date", $post->ID); ?></li>
<h4><?php the_title(); ?></h4>
開催地：<?php the_field("開催場所", $post->ID); ?></ul>
</a></div>
<?php endforeach; ?>
</div>
<br clear="all">
<p class="center mrg_tb40"><a href="event_info" class="btn">イベント情報をもっと見る　＞＞</a></p> 

<?php else: ?>
<p>現在決まっている予定はありません。</p>
</div>
<?php endif; ?>
<?php wp_reset_postdata(); ?>