ページ数を表示させます

どのブログでも、ホームに表示できる記事数は限られていて、一定数以上の記事リストは次のページに表示されます。

どれくらいのページ数・記事数があるか分かったほうがいいし、昔の記事を見るときに

1,2,3,4,.... 最後　

のように表示されて、そのページにとべると便利です。

ページャー(というらしいです)を作成してみます。

ページ数を表示するにはどうすればいいか？

記事数が多くなってくると、昔の記事は別のページに割り振られます。

QooQにはページ数の表示がありません。

これだと大体の記事数もわからないし、昔の記事を読むときに不便です。

ページ数の表示を作ってみます。

こちらを参考にさせて頂きました。

HTMLのコードが私には難しすぎですが、説明通りにすればできました！

https://fujilogic.blogspot.com/2019/05/numbered-pagenation.html

次のページにしか行けなかったものが

下記のようにページ数がでて、そこにすぐにとべるようになりました！

記事数が少なくて、まだ恩恵はあまりないですね。。

ページ内の投稿記事数が減ってしまった

しかしその後にばぐって8記事までしか表示されず、記事が隠れてしまうことに。

下記に解決方法が記載されていました。

https://76log.blogspot.com/2019/11/blogger_15.html#toc_headline_6

Bloggerは1ページに表示できる投稿の合計容量が1MBになっていて、それを超えると最大投稿数が制限されて表示されなくなる、ようです。

画像が多く、重くなっている投稿の最初に 

をHTML編集で入れこむと、きれいに表示されました。

まとめ

・ページャーを作りました。

・記事のリスト表示の下にページ数を表示するようにしました。

ややこしいHTMLコードでしたが、指示通りにやれば時間もかからず変更できました。記事数をもっと増やしていかないといけないですね。