ページネーションとは

Pocket

ページネーションとは、長くなってしまった文章を複数のページに分割して、情報を読み取りやすくするナビゲーションのことを指します。

ページネーションとはページネーションはニュースサイトや検索結果ページなど多くのウェブページで取り入れられています。画像のように、Googleの検索結果下部に出てくるページ番号がページネーションです。

ページネーションの重要性

文章を読みやすくするうえでページネーションが重要な役割を担います。文章が長くてさらに画像が多い記事だとページの読み込みは遅くなり、ページが表示される前にユーザーが離脱してしまう比率が高まります。ユーザーが快適にページを閲覧するためにも、文章が長いページはページネーションの導入を考える必要があります。

ページネーションの実装方法

かつてはhtmlとセッションで無理やり実装していたページネーションですが、様々なプラグインが配布されたことで比較的簡単に実装できるようになりました。中でもjQueryを使ったプラグインがメジャーで、様々なサイトから配布されています。

jQueryとはJava Scriptをより簡単に扱えるようにしたファイルのことです。jQueryを使うことで多くの人がページネーションを実装しやすくなりました。プラグイン配布先の中でも次の2つが人気です。

  • SimplePagination.js(http://flaviusmatis.github.io/simplePagination.js/)
  • jQuery Twbs Pagination Plugin(https://esimakin.github.io/twbs-pagination/)
Pocket