ページネーション（枠付き）
前/次の矢印 + 番号ボタン + 省略「…」の標準ページネーション。ブログ・記事一覧で使う。
使いどころ
前/次の矢印 + 番号ボタン + 省略「…」の標準ページネーション。ブログ・記事一覧で使う。
- ブログ記事一覧
- EC 商品一覧
- 検索結果
カスタマイズのポイント
rel="next" / "prev" 属性で SEO 対応。現在ページは aria-current="page" で明示。
注意点
総ページ数が多い場合は「1 ... 4 5 6 ... 20」のような省略表示で UI を保つ。
よくある質問
このパーツは商用利用できますか？
はい。moatway がオリジナル制作したパーツは商用・個人問わず自由にご利用いただけます。
そのまま貼り付ければ動きますか？
はい。HTML / CSS タブをそれぞれコピーすればすぐ動作します。クラス名が既存サイトと衝突する場合はリネームしてください。
JavaScript が必要なパーツはありますか？
一部のパーツ（アコーディオン・タブ切替・告知バーの閉じる機能など）は JavaScript が必要です。詳細ページの JS タブで確認できます。
ブラウザ対応は？
最新 2 世代の Chrome / Safari / Firefox / Edge で動作確認しています。