サイト制作をする上で、ページネーションのレイアウト＆デザインを作ることも多い為、こちらも情報をストックしていきます。ページネーションのデザインも実に様々です。他のセクションやページ全体のバランスをみて、それに合ったものをセレクトすることが大切です。
ページネーション（ページャー）とは
長くなったページを分割して複数ページにし、その各ページ下部に付けるNOを付け、各ページにアクセスできるようにしたもののことです。
ページネーションの役割
画像やテキストがたくさんあるページがあまりに長くなると、表示スピードも遅くなるため、ページ自体を軽くするためにも、このページネーションが必要となります。また、他のページへの行き来もしやすくするためにも必要です。
ページネーション｜レイアウト例１
矢印を左右にあしらったもの。
各ページ（番号）は、円形のラインで、滞在中のページには円形の背景色を付けています。
ページ数が多い場合は「…」で表しています。
※ホバーすると、他のページと同様に円形のラインになる想定。
ページネーション｜レイアウト例２
左右に、丸型のラインの中に矢印をあしらったもの。
滞在中は円形の背景色を付けています。
※ホバーすると、他のページと同様に円形のラインになる想定。
ページネーション｜レイアウト例３
左右に矢印をあしらったもの。
各ページ（番号）は、円形のラインで、滞在中のページには円形の背景色を付けています。
※ホバーすると、他のページと同様に円形のラインになる想定。
ページネーション｜レイアウト例４
左右に矢印と「Prev」と「Next」をあしらったもの。
滞在中のページには、円形のラインを付けています。
※ホバーすると、テキストと同色の背景色が付く想定。
ページネーション｜レイアウト例５
左右に2重の矢印をあしらったもの。
滞在中のページには、円形のラインを付けています。
※ホバーすると、テキストと同色の背景色が付く想定。
