webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき
読者です 読者をやめる 読者になる 読者になる

webかたつむり

ウェブデザインを勉強中

wordpress 05 previous_post_link(); , next_post_link();

php wordpress
  • 気をつけるポイント
  • <?php previous_post_link ?>が古い投稿へのリンク。
  • <?php next_post_link ?>が新しい投稿へのリンク。

<div class="pagenav">
<span class="old">
<?php previous_post_link('%link', '<i class="fa fa-chevron-circle-left" aria-hidden="true"></i> %title'); ?>
</span>

<span class="new">
<?php next_post_link('%link', '%title <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>'); ?>
</span>

  •  '%title <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>'
  • {%title(もともとのタイトル)+アイコン}このすべてを(%link)リンクにする。と解釈しよう。

f:id:ohta-felica:20160712175146p:plain

  •  リンクについてくる「<<」が上にある「&laquo」
  • この「<<」の代わりにアイコンを使いたい時は()のなかにオプションを指定すれば良い。

f:id:ohta-felica:20160712174835p:plain