Text: 2. ページの移動に関する要素

ページの移動に関する要素

{block:Pagination} {/block:Pagination}
「前」「次」どちらかのページがあると内容が表示される。
{block:PreviousPage} {/block:PreviousPage}
「前（新しい方）」のページがあると内容が表示される。
{block:NextPage} {/block:NextPage}
「次（古い方）」のページがあると内容が表示される。
{PreviousPage}
「前」のページのURL。
{NextPage}
「次」のページのURL。
{CurrentPage}
現在のページ番号。
{TotalPages}
総ページ数。
{block:SubmissionsEnabled} {/block:SubmissionsEnabled}
Submissions が有効になっていると表示される。
Submissions というのは閲覧者が記事を投稿できる機能。管理者がその記事を承認することでブログに記事が投稿される。
{SubmitLabel}
設定された投稿ボタンの文字を表示する。例： Submit
{block:AskEnabled} {/block:AskEnabled}
Ask機能が有効になっていると表示される。
Ask というのは閲覧者が管理者に質問を投稿できる機能。ブログのURL/ask で質問を受けられる。
{AskLabel}
設定された Ask page へのリンクの文言を表示する。例： Ask me anything

Pages

Dashboard - Customize から Pages タブをクリックすると、custom page を作ることができる。

  1. その custom page を編集する。
  2. その custom page を削除する。
  3. 新たに custom page を追加する。
  4. ページの URL を設定する。
  5. ブログのテーマを流用して本文のみを書く (Standard Layout) か、一から HTML を書いて専用のテーマを作る (Custom Layout) か、他のページへリダイレクトする (Redirect) か選択する。
  6. ページのタイトルを設定する。
  7. チェックを外すと、{block:Pages} でそのページを無視する。

ドラッグするとページの順番を入れ替えることができる。

{block:HasPages} {/block:HasPages}
custom page を作っている場合、このブロックの中が表示される。
{block:Pages} {/block:Pages}
各 custom page について、ブロックの内容を表示する。
{URL}
{block:Pages} の中に書く。そのページの URL を表示する。
{Label}
{block:Pages} の中に書く。そのページのタイトルを表示する。

個別記事のページ移動に関する要素

{block:PermalinkPagination} {/block:PermalinkPagination}
「前」「次」どちらかの記事があると内容が表示される。
{block:PreviousPost} {/block:PreviousPost}
「前（新しい方）」のページがあると内容が表示される。
{block:NextPost} {/block:NextPost}
「次（古い方）」のページがあると内容が表示される。
{PreviousPost}
「前」の記事のURL。
{NextPost}
「次」の記事のURL。

Jump Pagination

{block:Pagination} では前後1ページずつしか移動できなかったが、Jump Pagination を使えばページを飛ばして、たとえば1ページ目から4ページ目へと一度に移動できるようになる。

{block:JumpPagination length=”n”} {/block:JumpPagination}
n には数字を入力する。現在のページを中心に、前後 n/2（n が奇数の場合 (n-1)/2）ページについてブロックの内容を表示する。
たとえば全部で 20 ページあるとき n=4 とすれば、1 ページ目では 1 ページから 3 ページまでの、8 ページ目では 6 ページから 10 ページまでの、19 ページ目では 17 ページから 20 ページまでの範囲となる。
{block:CurrentPage} {/block:CurrentPage}
{block:JumpPagination} で現在のページが表示されるとき、ブロックの内容を表示する。
{block:JumpPage} {/block:JumpPage}
{block:JumpPagination} で現在のページでないページが表示されるとき、ブロックの内容を表示する。
{PageNumber}
ページ番号を表示する。
{URL}
そのページの URL を表示する。
<html>
  <body>
    ...

    {block:Pagination}
      {block:PreviousPage}
        <a href="{PreviousPage}">Previous</a>
      {/block:PreviousPage}


      {block:JumpPagination length="5"}
        {block:CurrentPage}
          <span class="current_page">{PageNumber}</span>
        {/block:CurrentPage}

        {block:JumpPage}
          <a class="jump_page" href="{URL}">{PageNumber}</a>
        {/block:JumpPage}
      {/block:JumpPagination}


      {block:NextPage}
        <a href="{NextPage}">Next</a>
      {/block:NextPage}
    {/block:Pagination}
  </body>
</html>

posted at : | Permalink