投稿記事は、CSS を使って、タブ表示にしていますが、サムネイルは、タブを作っていないので、最新の1件しか表示されないと思います。
同じように CSS でタブを切り替えるようにして、あらかじめサムネイルを用意しておくのが簡単でしょうか。
たとえば、カテゴリーの最新記事のサムネイルを取得する下記のような関数を作って...
function my_get_cat_thumbnail_163483( $cat_id, $size = 'thumbnail', $attr = array() ) {
$myposts = get_posts( array( 'posts_per_page' => 1, 'cat' => $cat_id ) );
foreach ( $myposts as $mypost ) {
if ( has_post_thumbnail( $mypost->ID ) ) {
return get_the_post_thumbnail( $mypost->ID, $size, $attr );
}
}
}
サムネイルを表示するタブの部分を作って、サムネイルの表示する際に 作成した関数を呼び出して表示して、CSS でタブを切り替えるのが簡単でしょうか。
呼び出し例: <?php echo my_get_cat_thumbnail_163483( カテゴリーID ,'thumbnail', array( 'class' => 'tab-pickup-photo__img' ) ); ?>