新着情報

  • LINEで送る
<section id="news">

<h2>お知らせ</h2>

<ul>

<?php query_posts("post_type=post&posts_per_page=5"); ?>
<?php if(have_posts()): ?>
<?php while(have_posts()):  the_post(); ?><?php

$cat = get_the_category();
$catname = $cat[0]->cat_name;
$catslug = $cat[0]->slug;
?>


<li><time datetime="<?php the_time('Y-m-d'); ?>"><?php the_time('Y年m月d日'); ?></time><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>

<li><time datetime="<?php the_time('Y-m-d'); ?>"><?php the_time('Y年m月d日'); ?></time><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>

<li><time datetime="<?php the_time('Y-m-d'); ?>"><?php the_time('Y年m月d日'); ?></time><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>

<li><time datetime="<?php the_time('Y-m-d'); ?>"><?php the_time('Y年m月d日'); ?></time><div class="news_category <?php echo $catslug; ?>"><?php echo $catname; ?></div><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>




<?php endwhile; ?>
<?php else: ?>
<p>現在投稿記事はありません。</p>
<?php endif; ?>

</ul>

</section>
#news ul {
	list-style-type: none;
	padding-left: 0;
}

#news ul li {
	padding: 20px 0 25px 11em;
	border-bottom: 1px dotted #6c5f45;
	color: #342300;
	text-indent: -11emx;
}

#news ul li time {
	display: inline-block;
	width: 11em;
	color: #6c5f45;
	font-weight: bold;
	text-indent: 0;
}
}

.news_category {
	display:inline-block;
	border-radius:3px;
	color:#fff;
	padding:3px 5px 2px 5px;
	font-size:1.4rem;
	width:200px;
	text-align:center;
	margin-left:20px;
	margin-right:20px;
	height:2.4rem;
}


.$catslug, {
	background-color:#f57d8c;
}

  • LINEで送る

SNSでもご購読できます。

コメントを残す

*