はてなブログ デザインテーマ ページャ

記事一覧のページャ

<div class="pager autopagerize_insert_before">
  <span class="pager-next">
    <a href="">次のページ</a>
  </span>
</div>
  • 次のページが存在する場合にdiv.pagerが出力される。
  • 次のページ以降も「前のページ」は出力されない。

記事ページのページャ

<div class="pager pager-permalink permalink">
  <span class="pager-prev">
    <a href="">
      <span class="pager-arrow">« </span>
      前の記事タイトル
    </a>
  </span>
  <span class="pager-next">
    <a href="">
      次の記事タイトル
      <span class="pager-arrow"> »</span>
    </a>
  </span>
</div>
  • span.pager-prevは前のページが存在する場合に出力される。
  • span.pager-nextは次のページが存在する場合に出力される。
  • span.pager-prevspan.pager-nextのどちらも存在しない場合も、div.pager自体は出力される。