2024.9.15 (Sun)

ページャー考察

サイトリニューアルついでに、「illustration」とか「photo」とか枚数が増えたらページを分割する仕組みを考えます(記念日に公開したかったので裏側はあとからやる🍥) ページを切り替えるページャーのことはサイトを作ると毎回考えることになるので、この際ズバリと決めておくことにしますっ🫵🏻

……考えてみたけど……

辻褄が全然合ってなくて混乱が伺える😅
プログラムしやすいように整理しようっ💦

とりあえず、総ページが1ページのときはページャーは要らない。
  ↓  ↓  ↓
【総ページが1ページ(以下)の場合は表示しない】

そしたら次。2ページ以上あってページャーを表示する場合。
最低条件として「今いるページとその前後、開始ページ(1ページ)、終了ページ」を表示する。
そうすると、ページ全体の中程にいるときは……
1️⃣…3️⃣4️⃣5️⃣…7️⃣
みたいな雰囲気になる。数字も「…」も1カラムとすると……
  ↓  ↓  ↓
【ぺージャーは7カラム構成】

ってことになるかな。
「…」に含む数字がひとつなら「…」にする必要もない。
1️⃣…3️⃣4️⃣5️⃣…7️⃣の場合は、
1️⃣2️⃣3️⃣4️⃣5️⃣6️⃣7️⃣
にすればいいんだから……
  ↓  ↓  ↓
【総ページが2以上7以下の場合は全部表示】

OK、OK🙆🏻
次に、片方に寄るようなパターン。
1️⃣2️⃣3️⃣4️⃣5️⃣…8️⃣とか1️⃣…4️⃣5️⃣6️⃣7️⃣8️⃣
みたいな。
左のパターンになるのは今いるページが4以下のとき。逆に右は総ページ数-3以上になるときだ。
(総ページ数が8のときは1〜4・5〜8で必ずこれのどちらかになる)
  ↓  ↓  ↓
【総ページ8以上で、今いるのが開始+3以下 or 終了-3以上のときは片寄5ページ+逆の終端】

出来てきた、出来てきた🔥
で、最後。はじめに書いたこのパターンは、総ページ9以上になったときに5で現れる。
1️⃣…4️⃣5️⃣6️⃣…9️⃣
  ↓  ↓  ↓
【ここまでで当てはまらない場合、「始端…前・今・次…終端」のパターンで表示】

これでOKかー👍✨ あとは今いるページをなんだか色とか変えればいい🖌
条件を少し変えると9カラムの「今いるページ±2ページを表示する」が作れそうかな。
メモメモ〜📝(長いことサイト作ってきて今更感……w)
この記事のURL: