【wordpress】シングルページで[次へ][前へ]のナビゲーションが出ないと思ったけど出た
2016年1月19日シングルページでナビゲーション
[次へ][前へ]
のナビゲーションでないと思ったけど出たわ。
<div class="navBox">
<div class="next"><?php next_post_link('%link',' 次へ') ?></div>
<div class="next"><?php previous_post_link('%link','前へ »') ?></div>
</div>
こんな感じで書いておけばとりあえず表示された。
posts,postの違い?
なんでさっき出なかったんだろうなぁって思ってたけど
アーカイブだと
next_posts_link()
シングルだと
next_post_link()
みたいに[s]があるなしで表示されるされないってのがあるっぽい。
うーんそんなんだったかな。
まぁでも出て良かったのでメモメモ。
タイトルを表示させる
[<前へ][次へ>]
みたいな感じは上記ででるけど。
[<前の記事のタイトル][次の記事のタイトル>]と言った感じで表示させたいときはこんな感じで表示出来る。
<div class="navBox clearfix">
<div class="navnext"><?php next_post_link('%link',' %title »') ?></div>
<div class="navprev"><?php previous_post_link('%link','« %title ') ?></div>
</div>
画像付きでナビゲーションを付ける
/* 前の記事
----------------------------------------------- */
$prevPost = get_previous_post();
$prevID = $prevPost->ID; //ID取得
$prevEyecatchObj = get_field("eyecatch",$prevPost->ID); //画像オブジェクト
$prevPermalink = get_permalink( $prevID ); //リンク設定
/* 次の記事の記事
----------------------------------------------- */
$nextPost = get_next_post();
$nextID = $nextPost->ID; //ID取得
$nextEyecatchObj = get_field("eyecatch",$nextPost->ID); //画像オブジェクト
$nextPermalink = get_permalink( $nextPost ); //リンク設定
?>
<div class="navBox">
<div class="next">
<a href="<?php echo $nextPermalink ?>">
<p class="text">次へ</p>
<img src="<?php echo $nextEyecatchObj["sizes"]["large"]; ?>" alt="">
</a>
</div>
<div class="prev">
<a href="<?php echo $prevPermalink ?>">
<p class="text">前へ</p>
<img src="<?php echo $prevEyecatchObj["sizes"]["large"]; ?>" alt="">
</a>
</div>
</div>
</div>