【AFFINGER】記事投稿一覧を無料でカード型にする【真似するだけ】

<div class="kanren kc-kanren<?php st_marugazou_class(); //サムネイルを丸くする ?>">
<?php
if ( trim( $GLOBALS["stdata99"] ) !== '' ) {
$category_ID = esc_attr( $GLOBALS["stdata99"] );
} else {
$category_ID = 0 ;
}
$args = array(
'cat' => array($category_ID),
'paged' => $paged
);
if(trim($GLOBALS['stdata214']) !== ''):
$st_infeed = $GLOBALS['stdata214'];
else:
$st_infeed = '';
endif;
$st_infeed_count = 1;
$st_query = new WP_Query( $args ); ?>
<?php
if ( $st_query->have_posts() ): ?>
<?php
while ( $st_query->have_posts() ) : $st_query->the_post(); ?>
<?php //インフィード広告
if( (is_active_sidebar( 26 ) && (trim($st_infeed) !== '')) && ($st_infeed_count % $st_infeed === 0) ){ ?>
<div class="st-infeed-adunit">
<?php if ( function_exists( 'dynamic_sidebar' ) && dynamic_sidebar( 26 ) ) : else : ?>
<?php endif; ?>
</div>
<?php
}
$st_infeed_count ++;
?>
<?php
//必要なカテゴリ情報を変数に格納する
$category= get_the_category(); //カテゴリ
$catId = $cat[0]->cat_ID; //カテゴリID
$cat_slug = $category[0]->category_nicename; //slig
$cat_name = $category[0]->cat_name; //カテゴリ名
$cat_link = get_category_link($catId); //カテゴリ固定ページへのリンク先
?>
<dl class="clearfix kc_card">
<dt>
<a href="<?php the_permalink(); ?>">
<div class="kc-card-image">
<a href="<?php $cat_link; ?>" class="kc-blockcat <?php echo $cat_slug ?>"><?php echo $cat_name ?>
</a>
<?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
<?php the_post_thumbnail( 'thumbnail-top' ); ?>
<?php else: // サムネイルを持っていないときの処理 ?>
<?php if(trim($GLOBALS['stdata97']) !== ''){ ?>
<img src="<?php echo esc_url( ($GLOBALS['stdata97']) ); ?>" alt="no image" title="no image" width="100" height="100" />
<?php }else{ ?>
<img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="100" height="100" />
<?php } ?>
<?php endif; ?>
</div>
</a>
</dt>
<dd>
<?php //get_template_part( 'st-single-category' ); //カテゴリー ?>
<h3>
<a href="<?php the_permalink(); ?>">
<div class="kc-title-container">
<?php the_title('<p class="kc-title">', '</p>'); ?>
</div>
</a>
</h3>

<div class="kc-bloginfo-container">
<?php get_template_part( 'itiran-date' ); //投稿日 ?>
</div>

<?php //get_template_part( 'st-excerpt' ); //抜粋 ?>
</dd>
</dl>
<?php endwhile; ?>
<?php else: ?>

<?php endif; ?>
</div>

<?php
if(trim($GLOBALS['stdata214']) !== ''):
$st_infeed = $GLOBALS['stdata214'];
else:
$st_infeed = '';
endif;
$st_infeed_count = 1;
?>

<div class="kanren kc-kanren <?php st_marugazou_class(); //サムネイルを丸くする ?>">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php //インフィード広告
if( (is_active_sidebar( 26 ) && (trim($st_infeed) !== '')) && ($st_infeed_count % $st_infeed === 0) ){ ?>
<div class="st-infeed-adunit">
<?php if ( function_exists( 'dynamic_sidebar' ) && dynamic_sidebar( 26 ) ) : else : ?>
<?php endif; ?>
</div>
<?php
}
$st_infeed_count ++;
?>
<?php
//必要なカテゴリ情報を変数に格納する
$category= get_the_category(); //カテゴリ
$catId = $cat[0]->cat_ID; //カテゴリID
$cat_slug = $category[0]->category_nicename; //slig
$cat_name = $category[0]->cat_name; //カテゴリ名
$cat_link = get_category_link($catId); //カテゴリ固定ページへのリンク先
?>
<dl class="clearfix kc_card">
<dt>
<a href="<?php the_permalink(); ?>">
<div class="kc-card-image">
<!--
<a href="<?php //$cat_link; ?>" class="kc-blockcat <?php //echo $cat_slug ?>"><?php //echo $cat_name ?>
</a>
-->
<?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
<?php the_post_thumbnail( 'thumbnail-top' ); ?>
<?php else: // サムネイルを持っていないときの処理 ?>
<?php if(trim($GLOBALS['stdata97']) !== ''){ ?>
<img src="<?php echo esc_url( ($GLOBALS['stdata97']) ); ?>" alt="no image" title="no image" width="100" height="100" />
<?php }else{ ?>
<img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="100" height="100" />
<?php } ?>
<?php endif; ?>
</div>
</a>
</dt>
<dd>
<?php //get_template_part( 'st-single-category' ); //カテゴリー ?>
<h3>
<a href="<?php the_permalink(); ?>">
<div class="kc-title-container">
<?php the_title('<p class="kc-title">', '</p>'); ?>
</div>
</a>
</h3>

<div class="kc-bloginfo-container">
<?php get_template_part( 'itiran-date' ); //投稿日 ?>
</div>

<?php //get_template_part( 'st-excerpt' ); //抜粋 ?>
</dd>
</dl>
<?php endwhile;
else: ?>

<?php endif; ?>
</div>