ワイズリマインダー

個別投稿ページを作成

single.php

<?php get_header(); ?>
<main>
<?php if(have_posts()): while(have_posts()):the_post();?>
<h3><a href="<?php the_permalink();?>"><?php the_title();?></a></h3>
<time datetime="<?php the_time('Y-m-d');?>"><?php the_time('Y.m.d'); ?></time>
<p><?php the_content('Read more');?></p>
<?php endwhile; endif; ?>
<?php if(get_next_post() || get_previous_post()):?>
<ul class="paging">
<?php previous_post_link('<li>%link</li>','≪古い記事へ', true);?>
<?php next_post_link('<li>%link</li>','新しい記事へ≫', true);?>
</ul>
<?php endif;?>
</main>
<?php
get_sidebar();
get_footer();
?>

style.css

main > h3{
	margin:0;
	width:100%;
	border-bottom:5px solid #0080a2;
	font-size:18px;
}
main > h3 > a{
	color:black;
	text-decoration:none;
}
main > time{
	display:inline-block;
	width:100%;
	text-align:right;
	font-size:14px;
}
main > ul.paging{
	margin:0;
	padding:0;
	list-style-type:none;
}
main > ul.paging:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
main > ul > li{
	box-sizing:border-box;
	margin-right:10px;
	border:1px solid #0080a2;
	background-color:#f5fafc;
	float:left;
}
main > ul > li:hover{
	background-color:#deeff3;
}
main > ul > li > a{
	display:inline-block;
	color:black;
	text-decoration:none;
	padding:5px 18px;
	font-size:12px;
	line-height:12px;
}

• ≪新しい記事へ
• 古い記事へ≫

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。