【wordpress】シングルページで[次へ][前へ]のナビゲーションが出ないと思ったけど出た

シングルページでナビゲーション
[次へ][前へ]
のナビゲーションでないと思ったけど出たわ。

<div class="navBox">  
    <div class="next"><?php next_post_link('%link',' 次へ') ?></div>
    <div class="next"><?php previous_post_link('%link','前へ &raquo;') ?></div>
</div>

こんな感じで書いておけばとりあえず表示された。

posts,postの違い?

なんでさっき出なかったんだろうなぁって思ってたけど
アーカイブだと
next_posts_link()
シングルだと
next_post_link()
みたいに[s]があるなしで表示されるされないってのがあるっぽい。

うーんそんなんだったかな。
まぁでも出て良かったのでメモメモ。

タイトルを表示させる

[<前へ][次へ>]
みたいな感じは上記ででるけど。
[<前の記事のタイトル][次の記事のタイトル>]と言った感じで表示させたいときはこんな感じで表示出来る。

<div class="navBox clearfix">  
    <div class="navnext"><?php next_post_link('%link',' %title &raquo;') ?></div>
    <div class="navprev"><?php previous_post_link('%link','&laquo; %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>

  • このエントリーをはてなブックマークに追加