[WP]個別エントリから前後エントリへ

いま使っているテンプレートには個別エントリ同士のリンクがありません。
そこで各種ファイルの中味をゴソゴソと探してみたらテンプレートタグのPHPファイルには記述があるじゃないですか。
他のPHP呼び出し部分と同じように書いてみたら無事にでました♪
以下、設置及びカスタマイズ方法です。


埋め込みコードはこちら。

<?php if ($single) : ?>
<?php previous_post('%','') ?>
<?php next_post('%','') ?>
<?php endif; ?>

コード自体はこんな感じでOKなんですが、このままじゃただズラッと表示されるだけなので左右へ振り分けるようにコード変更&CSS追加。

<?php if ($single) { ?>
<div class="postnavi">
<div class="prev">&laquo; <?php previous_post('%','') ?></div>
<div class="next"><?php next_post('%','') ?> &raquo;</div>
</div>
<?php } ?>

こんな感じでコードを変更して、次はCSS。

.postnavi {
padding-bottom: 15px;
margin-bottom: 15px;
display: block;
text-align: center;
}
.prev{
float: left;
}
.next{
float: right;
}

以上にフォントのサイズ・カラーなどを追加して成形すれば上にあるような前後エントリへのリンクが完成。
これで左右に分かれたリンクが出来たわけですが、エントリ名が長い場合は重ならないように上下にずれますのでご心配なく。

コメントを残す