カスタム投稿名の取得とリンク設定

複数のカスタム投稿記事のサムネイル画像一覧表示ページについてご教授をお願い致します。

ご教授頂きながら、現在は一覧表示まで出来てますが、カスタム登録名の取得とそれぞれのページへのリンクにつまづいております。

目的は、カスタム投稿名を<h3>で指定し、サムネイル画像と<h3>投稿名にそれぞれの投稿ページへのリンクです。

現在は
Custom Post Type UIで６個のカスタム投稿を作りました。
それぞれの最新投稿記事のアイキャッチ画像を１件づつリンク表示する
gallerylistという固定ページを作製しております。

一覧表示は、page-gallerylist に下記の様にしてサムネイルは一覧表示しております。
投稿名は、web上でソース確認しますと取得出来てますが、画面上ではサムネイル画像の下にもぐってしまっていて、見えない状態です。（<h3>指定はまだしてません。）

初心者で、本等見ながらの作製ですので、
書き方がメチャクチャでしたら申し訳ありませんが、
宜しくお願い致します。

<?php
$arr = array( ‘gelnail’, ‘bodyart’, ‘decoration’, ‘flatrategel’, ‘sculpturegelnail’, ‘wedding’); //投稿タイプ名を配列に入れる ?>
<?php foreach ($arr as $thumbs) :
$query = new WP_Query( ‘posts_per_page=1&order=DESC&orderby=date&post_type=’.$thumbs ); //投稿を1件取得
if ($query->have_posts()) :

while ( $query->have_posts() ) : $query->the_post();

echo ‘<article class=”grid_3 box-link”>’; //各画像に対してのｃｓｓ枠指定
echo ‘ <div class=”box-s-middle”>’; //各枠内のｃｓｓ指定
echo get_the_post_thumbnail($post->ID, ‘thumb307’ , true); //指定サムネイル画像
$customPostTypeObj = get_post_type_object(get_post_type()); //各カスタム投稿名の取得
echo’ $customPostTypeObj->labels->name’;
echo ‘ </div>’;
echo ‘</article>’;
endwhile;wp_reset_postdata();

else:
endif;
endforeach; ?>