ホーム>プログラミング関連>パイソン
ダウンロード

ページネーションパッケージ

アクセシビリティのために HTML ページネーションを生成します。

依存関係

セキュリティパッケージ: https://github.com/rancoud/Security

インストール

作曲家にはrancoud/ページネーションが必要です

使い方は？

 $currentPage = 1;$countElements = 10;$countElementPerPage = 5;$p = new Pagination();$html = $p->generateHtml($currentPage, $countElements, $countElementPerPage);echo $html;

出力されます

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

辞書

  • ルートは<ul>を表します

  • 項目は<li>を表します

  • リンクは<a>を表します

ページネーションコンストラクター

設定

オプション

パラメータタイプデフォルト値説明
構成配列[]ページネーション動作を変更するためのパラメータ

ページネーションの方法

一般的なコマンド

  • generateHtml(currentPage: int, countElements: int, countElementPerPage: int): string

  • generateData(currentPage: int, countElements: int, countElementPerPage: int): 配列

静的メソッド

  • countPages(countElements: int, countElementPerPage: int): int

  • locateItemInPage(countElementPerPage: int、indexItem: int): int

設定パラメータ

URL

  • URL（文字列）（例）

行動

  • show_all_links (bool: false) (例)

  • use_previous (bool: false) (例)

  • always_use_previous (bool: false) (例)

  • use_next (bool: false) (例)

  • always_use_next (bool: false) (例)

  • use_dots (bool: false) (例)

  • count_pages_pair_limit (int: 0) (例)

  • count_pages_pair_adjacent (int: 2) (例)

ラベル

  • text_previous (文字列: 前のページ) (例)

  • text_next (文字列: 次のページ) (例)

  • text_dots (文字列: …) (例)

  • text_page (文字列: {{PAGE}}) (例)

  • aria_label_link (文字列: ページ {{PAGE}} に移動) (例)

  • aria_label_current_link (文字列: 現在のページ、ページ {{PAGE}}) (例)

  • aria_label_nav (文字列: ページネーション) (例)

  • aria_label_previous (文字列: 前のページ) (例)

  • aria_label_next (文字列: 次のページ) (例)

  • 千区切り文字 (文字列) (例)

HTMLマークアップ

根

  • root_tag (文字列: ul) (例)

  • root_attrs (文字列) (例)

  • use_nav (bool: true) (例)

  • nav_attrs (文字列) (例)

アイテム

  • item_tag (文字列: li) (例)

  • item_attrs (文字列) (例)

  • item_attrs_current (文字列) (例)

  • item_previous_attrs (文字列) (例)

  • item_previous_attrs_disabled (文字列) (例)

  • item_next_attrs (文字列) (例)

  • item_next_attrs_disabled (文字列) (例)

  • item_dots_attrs (文字列) (例)

リンク

  • link_tag (文字列: a) (例)

  • link_attrs (文字列) (例)

  • link_attrs_current (文字列) (例)

  • link_previous_attrs_disabled (文字列) (例)

  • link_next_attrs_disabled (文字列) (例)

  • dot_tag (文字列:span) (例)

  • dot_attrs (文字列) (例)

インデント

  • use_pretty_html (ブール値: true) (例)

  • html_tab_sequence (文字列: t) (例)

  • html_initial_indentation (int: 0) (例)

安全

  • esc_attr (bool: true) (例)

  • esc_html (bool: true) (例)

  • charset (文字列: UTF-8) (例)

これらのパラメータは自分でサニタイズする必要があります。

  • nav_attrs

  • root_attrs

  • item_attrs

  • item_attrs_current

  • item_previous_attrs

  • item_previous_attrs_disabled

  • item_next_attrs

  • item_next_attrs_disabled

  • item_dots_attrs

  • リンク属性

  • link_attrs_current

  • link_previous_attrs_disabled

  • link_next_attrs_disabled

  • ドット属性

  • html_tab_sequence

例

URL

最後にページを追加

入力

$conf = ['url' => 'https://example.com/news/page/'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="Page&#x20;1" aria-current="page">1</a></li><li><a href="https&#x3A;&#x2F;&#x2F;例。 com&#x2F;news&#x2F;page&#x2F;2" aria-label="Page&#x20;2">2</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['url' => 'https://example.com/news/page/{{PAGE}}/?date=desc'];echo (new Pagination($conf))->generateHtml(1, 10、5）;

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="Page&#x20;1" aria-current="page">1</a></li><li><a href="https&#x3A;&#x2F;&#x2F;例。 com&#x2F;ニュース&#x2F;ページ&#x2F;2&#x2F;&#x3F;日付&#x3D;desc" aria-label="ページ&#x20;2">2</a></li></ul></nav>

ページを {{PAGE}} パターンに置き換えた後

入力

$conf = ['url' => '{{PAGE}}?date=desc'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2&#x3F;date&#x3D;desc" aria-label= 「ページ&#x20;2">2</a></li></ul></nav>

⏫ 設定パラメータ/URL

show_all_links

入力

$conf = ['show_all_links' => true];echo (new Pagination($conf))->generateHtml(1, 30, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li><a href="3" aria-label="Page&#x20;3">3</a></li><li><a href="4" aria-label="Page&#x20;4">4</a></li><li><a href="5" aria-label="Page&#x20;5">5</a></ li><li><a href="6" aria-label="Page&#x20;6">6</a></li></ul></nav>

⏫ 設定パラメータ/動作

use_previous

入力

$conf = ['use_previous' => true];echo (new Pagination($conf))->generateHtml(2, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="1" aria-label="前&#x20;page">前のページ</a></li><li><a href="1" aria-label="Page&#x20;1">1</a></li><li><a href="&#x23;" aria-label="ページ&#x20;2" aria-current="page">2</a></li></ul></nav>

⏫ 設定パラメータ/動作

always_use_previous

前のページがない場合、リンクタグにaria-disabled=trueが含まれます

入力

$conf = ['always_use_previous' => true];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="前のページ&#x20;" aria-disabled="true">前のページ</a></li><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ/動作

use_next

入力

$conf = ['use_next' => true];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li><a href="2" aria-label="Next&#x20;page">次のページ</a></li></ul></nav>

⏫ 設定パラメータ/動作

いつも_次を使う

次のページがない場合、Next はリンクタグにaria-disabled=true持ちます

入力

$conf = ['always_use_next' => true];echo (new Pagination($conf))->generateHtml(2, 10, 5);

出力

<nav aria-label="Pagination"><ul><li><a href="1" aria-label="Page&#x20;1">1</a></li><li><a href ="&#x23;" aria-label="ページ&#x20;2" aria-current="page">2</a></li><li><a href="&#x23;" aria-label="次のページ" aria-disabled="true">次のページ</a></li></ul></nav>

⏫ 設定パラメータ/動作

use_dots

入力

$conf = ['use_dots' => true];echo (new Pagination($conf))->generateHtml(1, 30, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li><a href="3" aria-label="Page&#x20;3">3</a></li><li> aria-hidden="true"><span>…</span></li></ul></nav>

⏫ 設定パラメータ/動作

count_pages_pair_limit

入力

$conf = ['count_pages_pair_limit' => 1];echo (new Pagination($conf))->generateHtml(5, 300, 5);

出力

<nav aria-label="Pagination"><ul><li><a href="1" aria-label="Page&#x20;1">1</a></li><li><a href ="3" aria-label="Page&#x20;3">3</a></li><li><a href="4" aria-label="Page&#x20;4">4</ a></li><li><a href="&#x23;" aria-label="ページ&#x20;5" aria-current="page">5</a></li><li><a href="6" aria-label="ページ&#x20;6"> 6</a></li><li><a href="7" aria-label="Page&#x20;7">7</a></li><li><a href="60" aria-label="ページ&#x20;60">60</a></li></ul></nav>

⏫ 設定パラメータ/動作

count_pages_pair_adjacent

入力

$conf = ['count_pages_pair_adjacent' => 1];echo (new Pagination($conf))->generateHtml(5, 300, 5);

出力

<nav aria-label="Pagination"><ul><li><a href="4" aria-label="Page&#x20;4">4</a></li><li><a href ="&#x23;" aria-label="ページ&#x20;5" aria-current="page">5</a></li><li><a href="6" aria-label="ページ&#x20;6"> 6</a></li></ul></nav>

⏫ 設定パラメータ/動作

count_pages_pair_adjacent + count_pages_pair_adjacent

count_pages_pair_limit 0 + count_pages_pair_adjacent 0

入力

$conf = ['count_pages_pair_limit' => 0,'count_pages_pair_adjacent' => 0];echo (new Pagination($conf))->generateHtml(5, 300, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;5" aria-current="page">5</a></li></ul></nav>

count_pages_pair_limit 2 + count_pages_pair_adjacent 2

入力

$conf = ['count_pages_pair_limit' => 2,'count_pages_pair_adjacent' => 2];echo (new Pagination($conf))->generateHtml(5, 300, 5);

出力

<nav aria-label="Pagination"><ul><li><a href="1" aria-label="Page&#x20;1">1</a></li><li><a href ="2" aria-label="Page&#x20;2">2</a></li><li><a href="3" aria-label="Page&#x20;3">3</ a></li><li><a href="4" aria-label="Page&#x20;4">4</a></li><li><a href="&#x23;" aria-label="ページ&#x20;5" aria-current="page">5</a></li><li><a href="6" aria-label="ページ&#x20;6"> 6</a></li><li><a href="7" aria-label="Page&#x20;7">7</a></li><li><a href="59" aria-label="Page&#x20;59">59</a></li><li><a href="60" aria-label="Page&#x20;60">60</a></リ></ul></nav>

⏫ 設定パラメータ/動作

テキスト_前

入力

$conf = ['use_previous' => true,'text_previous' => 'prev'];echo (new Pagination($conf))->generateHtml(2, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="1" aria-label="前&#x20;page">前</a></li><li><a href ="1" aria-label="Page&#x20;1">1</a></li><li><a href="&#x23;" aria-label="ページ&#x20;2" aria-current="page">2</a></li></ul></nav>

⏫ 設定パラメータ/ラベル

text_next

入力

$conf = ['use_next' => true,'text_next' => 'next'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li><a href="2" aria-label="次&#x20;page">次</a></li></ul></nav>

⏫ 設定パラメータ/ラベル

テキストドット

入力

$conf = ['use_dots' => true,'text_dots' => 'dots'];echo (new Pagination($conf))->generateHtml(1, 30, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li><a href="3" aria-label="Page&#x20;3">3</a></li><li> aria-hidden="true"><span>ドット</span></li></ul></nav>

⏫ 設定パラメータ/ラベル

テキストページ

最後にページを追加

入力

$conf = ['text_page' => 'yolo'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">yolo 1</a></li><li><a href="2" aria-label="ページ&#x20;2" >ヨロ 2</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['text_page' => 'yo {{PAGE}} lo'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="Page&#x20;1" aria-current="page">yo 1 lo</a></li><li><a href="2" aria-label="Page&#x20;2 ">よ 2 ろ</a></li></ul></nav>

⏫ 設定パラメータ/ラベル

aria_label_link

入力

$conf = ['aria_label_link' => 'aria label link'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="aria&#x20;label&#x20 ;link">2</a></li></ul></nav>

{{PAGE}} パターンあり

入力

$conf = ['aria_label_link' => 'aria label link {{PAGE}}'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="aria&#x20;label&#x20 ;link&#x20;2">2</a></li></ul></nav>

⏫ 設定パラメータ/ラベル

aria_label_current_link

入力

$conf = ['aria_label_current_link' => 'aria label current link'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="aria&#x20;label&#x20;current&#x20;link" aria-current="page">1</a></li><li><a href="2" aria-label= 「ページ&#x20;2">2</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['aria_label_current_link' => 'aria label current link {{PAGE}}'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="aria&#x20;label&#x20;current&#x20;link&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2">2</a></li></ul></nav>

⏫ 設定パラメータ/ラベル

aria_label_nav

入力

$conf = ['aria_label_nav' => 'aria label nav'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="aria&#x20;label&#x20;nav"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ/ラベル

aria_label_前へ

入力

$conf = ['use_previous' => true,'aria_label_previous' => 'prev'];echo (new Pagination($conf))->generateHtml(2, 10, 5);

出力

<nav aria-label="Pagination"><ul><li><a href="1" aria-label="prev">前のページ</a></li><li><a href="1 " aria-label="Page&#x20;1">1</a></li><li><a href="&#x23;" aria-label="ページ&#x20;2" aria-current="page">2</a></li></ul></nav>

⏫ 設定パラメータ/ラベル

aria_label_next

入力

$conf = ['use_next' => true,'aria_label_next' => 'next'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li><a href="2" aria-label="next">次のページ</a></li></ul></nav>

⏫ 設定パラメータ/ラベル

千の区切り文字

入力

$conf = ['thousands_separator' => ';','count_pages_pair_limit' => 1];echo (new Pagination($conf))->generateHtml(1, 1000, 1);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li><a href="3" aria-label="Page&#x20;3">3</a></li><li><a href="1000" aria-label="ページ&#x20;1000">1;000</a></li></ul></nav>

⏫ 設定パラメータ/ラベル

root_tag

入力

$conf = ['root_tag' => 'root'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><root><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></root></nav>

⏫ 設定パラメータ / HTML マークアップ / ルート

root_attrs

入力

$conf = ['root_attrs' => 'data-root="attrs"'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="Pagination"><ul data-root="attrs"><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / ルート

ナビを使う

入力

$conf = ['use_nav' => false];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul>

⏫ 設定パラメータ / HTML マークアップ / ルート

nav_attrs

入力

$conf = ['nav_attrs' => 'data-item="attrs"'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション" data-item="attrs"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / ルート

アイテムタグ

入力

$conf = ['item_tag' => 'item'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><item><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></item><item><a href="2" aria-label="ページ&#x20;2"> 2</a></item></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / 項目

item_attrs

入力

$conf = ['item_attrs' => 'data-item="attrs"'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li data-item="attrs"><a href="2" aria-label="ページ&#x20;2">2</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['item_attrs' => 'data-item="attrs {{PAGE}}"'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li data-item="attrs 2"><a href="2" aria-label= 「ページ&#x20;2">2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / 項目

item_attrs_current

入力

$conf = ['item_attrs_current' => 'data-item-current="attrs"'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li data-item-current="attrs"><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['item_attrs_current' => 'data-item-current="attrs {{PAGE}}"'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li data-item-current="attrs 1"><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / 項目

item_previous_attrs

入力

$conf = ['use_previous' => true,'item_previous_attrs' => 'data-item-previous="attrs"'];echo (new Pagination($conf))->generateHtml(2, 10, 5);

出力

<nav aria-label="Pagination"><ul><li data-item-previous="attrs"><a href="1" aria-label="Previous&#x20;page">前のページ</a> </li><li><a href="1" aria-label="Page&#x20;1">1</a></li><li><a href="&#x23;" aria-label="ページ&#x20;2" aria-current="page">2</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['use_previous' => true,'item_previous_attrs' => 'data-item-previous="attrs {{PAGE}}"'];echo (new Pagination($conf))->generateHtml(2, 10) 、5）;

出力

<nav aria-label="Pagination"><ul><li data-item-previous="attrs 1"><a href="1" aria-label="Previous&#x20;page">前のページ</a ></li><li><a href="1" aria-label="Page&#x20;1">1</a></li><li><a href="&#x23;" aria-label="ページ&#x20;2" aria-current="page">2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / 項目

item_previous_attrs_disabled

入力

$conf = ['always_use_previous' => true,'item_previous_attrs_disabled' => 'data-item-previous-disabled="attrs"'];echo (new Pagination($conf))->generateHtml(1, 10, 5) ;

出力

<nav aria-label="Pagination"><ul><li data-item-previous-disabled="attrs"><a href="&#x23;" aria-label="前のページ&#x20;" aria-disabled="true">前のページ</a></li><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['always_use_previous' => true,'item_previous_attrs_disabled' => 'data-item-previous-disabled="attrs {{PAGE}}"'];echo (new Pagination($conf))->generateHtml(1) 、10、5);

出力

<nav aria-label="Pagination"><ul><li data-item-previous-disabled="attrs 0"><a href="&#x23;" aria-label="前のページ&#x20;" aria-disabled="true">前のページ</a></li><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / 項目

item_next_attrs

入力

$conf = ['use_next' => true,'item_next_attrs' => 'data-item-next="attrs"'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li data-item-next="attrs"><a href="2" aria-label="Next&#x20;page">次のページ</a></li> </ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['use_next' => true,'item_next_attrs' => 'data-item-next="attrs {{PAGE}}"'];echo (new Pagination($conf))->generateHtml(1, 10) 、5）;

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li data-item-next="attrs 2"><a href="2" aria-label="Next&#x20;page">次のページ</a></li ></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / 項目

item_next_attrs_disabled

入力

$conf = ['always_use_next' => true,'item_next_attrs_disabled' => 'data-item-next-disabled="attrs"'];echo (new Pagination($conf))->generateHtml(2, 10, 5) ;

出力

<nav aria-label="Pagination"><ul><li><a href="1" aria-label="Page&#x20;1">1</a></li><li><a href ="&#x23;" aria-label="Page&#x20;2" aria-current="page">2</a></li><li data-item-next-disabled="attrs"><a href="&#x23 ;" aria-label="次のページ" aria-disabled="true">次のページ</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['always_use_next' => true,'item_next_attrs_disabled' => 'data-item-next-disabled="attrs {{PAGE}}"'];echo (new Pagination($conf))->generateHtml(2) 、10、5);

出力

<nav aria-label="Pagination"><ul><li><a href="1" aria-label="Page&#x20;1">1</a></li><li><a href ="&#x23;" aria-label="Page&#x20;2" aria-current="page">2</a></li><li data-item-next-disabled="attrs 2"><a href="&# ×23;" aria-label="次のページ" aria-disabled="true">次のページ</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / 項目

item_dots_attrs

入力

$conf = ['use_dots' => true,'item_dots_attrs' => 'data-item-dots="attrs"'];echo (new Pagination($conf))->generateHtml(1, 30, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li><a href="3" aria-label="Page&#x20;3">3</a></li><li data-item-dots="attrs 」 aria-hidden="true"><span>…</span></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / 項目

リンクタグ

入力

$conf = ['link_tag' => 'link'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><link href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</link></li><li><link href="2" aria-label="ページ&#x20;2"> 2</link></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / リンク

リンク属性

入力

$conf = ['link_attrs' => 'data-link="attrs"'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a data-link="attrs" href="2" aria-label="ページ&#x20;2">2</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['link_attrs' => 'data-link="attrs {{PAGE}}"'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a data-link="attrs 2" href="2" aria-label= 「ページ&#x20;2">2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / リンク

link_attrs_current

入力

$conf = ['link_attrs_current' => 'data-link-current="attrs"'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a data-link-current="attrs" href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['link_attrs_current' => 'data-link-current="attrs {{PAGE}}"'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a data-link-current="attrs 1" href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / リンク

link_previous_attrs_disabled

入力

$conf = ['always_use_previous' => true,'link_previous_attrs_disabled' => 'data-item-next-disabled="attrs"'];echo (new Pagination($conf))->generateHtml(1, 10, 5) ;

出力

<nav aria-label="Pagination"><ul><li><a data-item-next-disabled="attrs" href="&#x23;" aria-label="前のページ&#x20;" aria-disabled="true">前のページ</a></li><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['always_use_previous' => true,'link_previous_attrs_disabled' => 'data-item-next-disabled="attrs {{PAGE}}"'];echo (new Pagination($conf))->generateHtml(1) 、10、5);

出力

<nav aria-label="ページネーション"><ul><li><a data-item-next-disabled="attrs 0" href="&#x23;" aria-label="前のページ&#x20;" aria-disabled="true">前のページ</a></li><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / リンク

link_next_attrs_disabled

入力

$conf = ['always_use_next' => true,'link_next_attrs_disabled' => 'data-item-next-disabled="attrs"'];echo (new Pagination($conf))->generateHtml(2, 10, 5) ;

出力

<nav aria-label="Pagination"><ul><li><a href="1" aria-label="Page&#x20;1">1</a></li><li><a href ="&#x23;" aria-label="Page&#x20;2" aria-current="page">2</a></li><li><a data-item-next-disabled="attrs" href="&#x23 ;" aria-label="次のページ" aria-disabled="true">次のページ</a></li></ul></nav>

{{PAGE}} パターンによるページ置換

入力

$conf = ['always_use_next' => true,'link_next_attrs_disabled' => 'data-item-next-disabled="attrs {{PAGE}}"'];echo (new Pagination($conf))->generateHtml(2) 、10、5);

出力

<nav aria-label="Pagination"><ul><li><a href="1" aria-label="Page&#x20;1">1</a></li><li><a href ="&#x23;" aria-label="Page&#x20;2" aria-current="page">2</a></li><li><a data-item-next-disabled="attrs 2" href="&# ×23;" aria-label="次のページ" aria-disabled="true">次のページ</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / リンク

ドットタグ

入力

$conf = ['use_dots' => true,'dot_tag' => 'p'];echo (new Pagination($conf))->generateHtml(1, 30, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li><a href="3" aria-label="Page&#x20;3">3</a></li><li> aria-hidden="true"><p>…</p></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / リンク

ドット属性

入力

$conf = ['use_dots' => true,'dot_attrs' => 'data-dot="attrs"'];echo (new Pagination($conf))->generateHtml(1, 30, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li><li><a href="3" aria-label="Page&#x20;3">3</a></li><li aria-hidden="true"> <スパンdata-dot="attrs">…</span></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / リンク

use_pretty_html

入力

$conf = ['use_pretty_html' => false];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / インデント

html_tab_sequence

入力

$conf = ['html_tab_sequence' => ''];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / インデント

html_initial_indentation

入力

$conf = ['html_initial_indentation' => 1];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

    <nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / インデント

esc_attr

入力

$conf = ['esc_attr' => false];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="#" aria-label="ページ 1" aria-current="page">1</a></li><li> ><a href="2" aria-label="Page 2">2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / セキュリティ

esc_html

入力

$conf = ['esc_html' => false,'text_page' => '<em>{{PAGE}}</em>'];echo (new Pagination($conf))->generateHtml(1, 10, 5) );

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page"><em>1</em></a></li><li><a href="2" aria-label="ページ&#x20;2"><em>2</em></a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / セキュリティ

文字セット

入力

$conf = ['charset' => 'EUC-JP'];echo (new Pagination($conf))->generateHtml(1, 10, 5);

出力

<nav aria-label="ページネーション"><ul><li><a href="&#x23;" aria-label="ページ&#x20;1" aria-current="page">1</a></li><li><a href="2" aria-label="ページ&#x20;2"> 2</a></li></ul></nav>

⏫ 設定パラメータ / HTML マークアップ / セキュリティ

データ生成出力

$conf = ['always_use_previous' => true,'always_use_next' => true,'use_dots' => true,
]var_dump(new Pagination($conf))->generateData(1, 3000, 5);array (size=3) 'previous' => object(RancoudPaginationItem)[2]
      public 'ariaLabel' => string '前のページ' (長さ=18)
      パブリック 'href' => 文字列 '&#x23;' (長さ=6) パブリック 'itemAttrs' => 文字列 '' (長さ=0)
      public 'linkAttrs' => 文字列 '' (長さ=0)
      public 'text' => string '前のページ' (長さ=13)
      public 'isCurrent' => ブール値 false
      public 'isDots' => ブール値 false
      public 'isDisabled' => ブール値 true
      パブリック 'ページ' => int 0
  'リンク' => 配列 (サイズ=4) 0 =>
         オブジェクト(RancoudPaginationItem)[4]
          public 'ariaLabel' => 文字列 'Page&#x20;1' (length=11) public 'href' => 文字列 '&#x23;' (長さ=6) パブリック 'itemAttrs' => 文字列 '' (長さ=0)
          public 'linkAttrs' => 文字列 '' (長さ=0)
          パブリック 'テキスト' => 文字列 '1' (長さ=1)
          public 'isCurrent' => ブール値 true
          public 'isDots' => ブール値 false
          public 'isDisabled' => ブール値 false
          パブリック 'ページ' => int 1 1 =>
         オブジェクト(RancoudPaginationItem)[5]
          public 'ariaLabel' => 文字列 'Page&#x20;2' (長さ=11) public 'href' => 文字列 '2' (長さ=1)
          public 'itemAttrs' => 文字列 '' (長さ=0)
          public 'linkAttrs' => 文字列 '' (長さ=0)
          パブリック 'テキスト' => 文字列 '2' (長さ=1)
          public 'isCurrent' => ブール値 false
          public 'isDots' => ブール値 false
          public 'isDisabled' => ブール値 false
          パブリック 'ページ' => int 2 2 =>
         オブジェクト(RancoudPaginationItem)[6]
          public 'ariaLabel' => 文字列 'Page&#x20;3' (長さ=11) public 'href' => 文字列 '3' (長さ=1)
          public 'itemAttrs' => 文字列 '' (長さ=0)
          public 'linkAttrs' => 文字列 '' (長さ=0)
          パブリック 'テキスト' => 文字列 '3' (長さ=1)
          public 'isCurrent' => ブール値 false
          public 'isDots' => ブール値 false
          public 'isDisabled' => ブール値 false
          パブリック 'ページ' => int 3 3 =>
         オブジェクト(RancoudPaginationItem)[7]
          public 'ariaLabel' => 文字列 'Page&#x20;4' (長さ=11) public 'href' => 文字列 '4' (長さ=1)
          public 'itemAttrs' => 文字列 '' (長さ=0)
          public 'linkAttrs' => 文字列 '' (長さ=0)
          パブリック 'テキスト' => 文字列 '…' (長さ=3)
          public 'isCurrent' => ブール値 false
          public 'isDots' => ブール値 true
          public 'isDisabled' => ブール値 false
          パブリック 'ページ' => int 4
  '次へ' =>
     オブジェクト(RancoudPaginationItem)[8]
      public 'ariaLabel' => 文字列 '次のページ' (長さ=14) public 'href' => 文字列 '2' (長さ=1)
      public 'itemAttrs' => 文字列 '' (長さ=0)
      public 'linkAttrs' => 文字列 '' (長さ=0)
      public 'text' => string '次のページ' (長さ=9)
      public 'isCurrent' => ブール値 false
      public 'isDots' => ブール値 false
      public 'isDisabled' => ブール値 false
      パブリック 'ページ' => int 2

開発方法

php-cs-fixer および phpunit およびカバレッジ用のcomposer ci
php-cs-fixer 用のcomposer lint
phpunit とカバレッジのcomposer test

拡大する
追加情報
関連アプリ
おすすめ
関連情報 すべて