個別記事(Single.php)に次のページ・前のページを表示するよう設定

次のページ・前のページ

記事数が 30記事を超えたので個別記事に次のページ、前のページのリンクを入れてみました。 ユーザー目線で見た場合、ナビがないよりあったほうが良いかなと考え実施。

これも既存の WordPress サイトから流用のため、作業は3分で完了。 簡単です。


Sponsored Link

個別記事に 「次のページ・前のページ」 を設定

Single.php に以下を記述。

<div class="navigation">
<span class="previous"><?php previous_post_link('&laquo; %link'); ?></span>
<span class="next"><?php next_post_link(' %link &raquo;'); ?></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;
}
/* ▲ 次のページ・前のページ ▲ */

さて、これでユーザビリティがよくなるかな :?:

Sponsored Link

One thought on “個別記事(Single.php)に次のページ・前のページを表示するよう設定

コメントを残す