ARTICLE LIST記事一覧

articleList記事一覧

※デフォルトの記事一覧、cssはarchive.cssに記述。
表示は下記リンクから確認。

<div class="articleList">
<?php if(have_posts()): while(have_posts()): the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>><a href="<?php the_permalink(); ?>">
<figure>
<?php
$categories = get_the_category();
foreach ( $categories as $category ) {
echo '<span class="">' . $category->name . '</span>';
}
?>
<?php
if(has_post_thumbnail()):
the_post_thumbnail('large');
else:
?>
<img src="<?php echo get_template_directory_uri(); ?>/common/img/no-image.png" alt="" />
<?php endif; ?>
</figure>
<dl>
<dt><?php
if(mb_strlen($post->post_title, 'UTF-8')>50){
$title= mb_substr($post->post_title, 0, 50, 'UTF-8');
echo $title.'...';
}else{
echo $post->post_title;
}
?></dt>
<dd><?php
if(mb_strlen(get_the_excerpt(), 'UTF-8')>70){
$excerpt= mb_substr(get_the_excerpt(), 0, 80);
echo $excerpt.'...';
}else{
echo get_the_excerpt();
}
?>
</dd>
</dl>
<span class="date"><?php echo get_the_date(); ?></span>
</a>
</article>
<?php endwhile; endif; ?>
</div>

articleListA01記事一覧A01

code

articleListB01記事一覧B01

code