投稿画面にページ数 (ページャー) を付ける

2022年7月30日土曜日

ブログ編集

t f B! P L

ページ数を表示させます

どのブログでも、ホームに表示できる記事数は限られていて、一定数以上の記事リストは次のページに表示されます。
どれくらいのページ数・記事数があるか分かったほうがいいし、昔の記事を見るときに
1,2,3,4,.... 最後 
のように表示されて、そのページにとべると便利です。

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

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

記事数が多くなってくると、昔の記事は別のページに割り振られます。
QooQにはページ数の表示がありません。
これだと大体の記事数もわからないし、昔の記事を読むときに不便です。

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

こちらを参考にさせて頂きました。
HTMLのコードが私には難しすぎですが、説明通りにすればできました!

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


下記のようにページ数がでて、そこにすぐにとべるようになりました!
記事数が少なくて、まだ恩恵はあまりないですね。。

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

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

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

Bloggerは1ページに表示できる投稿の合計容量が1MBになっていて、それを超えると最大投稿数が制限されて表示されなくなる、ようです。
画像が多く、重くなっている投稿の最初に 
<!--more-->
をHTML編集で入れこむと、きれいに表示されました。

まとめ

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

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

自己紹介

自分の写真
医科クリニック開業準備中の医師。やる気はあるけど、知識がない。気になったことを勉強してまとめていきたいと思います。
がむしゃら院長のXはこちら

このブログを検索

ブログ アーカイブ

連絡はこちら

名前

メール *

メッセージ *

QooQ