個別記事(Single.php)に次のページ・前のページを表示するよう設定
記事数が 30記事を超えたので個別記事に次のページ、前のページのリンクを入れてみました。 ユーザー目線で見た場合、ナビがないよりあったほうが良いかなと考え実施。
これも既存の WordPress サイトから流用のため、作業は3分で完了。 簡単です。
個別記事に 「次のページ・前のページ」 を設定
Single.php に以下を記述。
<div class="navigation">
<span class="previous"><?php previous_post_link('« %link'); ?></span>
<span class="next"><?php next_post_link(' %link »'); ?></span>
</div>
CSS の記述。
/* ▼ 次のページ・前のページ ▼ */
div.post .navigation {
border-top: 1px dotted #ccc;
margin:0px 10px 40px 0;
padding:20px 0;
font-size:0.75em;
font-weight:bold;
}
div.post .previous {
float: left;
width: 47%;
}
div.post .next {
float: right;
width: 47%;
text-align:right;
}
/* ▲ 次のページ・前のページ ▲ */
さて、これでユーザビリティがよくなるかな 
関連する記事
この記事のコメント・トラックバックRSS
この記事へのコメント・トラックバックはありません。