見よう見まねが大好きな、どうも僕です。
当ブログもちょっとづつですが記事も増えてきたので、ページナビゲーション(ページ送り)をこれまた見よう見まねで設置してみました。
嫌われるタイプだよね僕…。
Bloggerでページナビの表示件数がおかしい原因と対処法
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAYpQFMUpz9zwxLz-LZrcCdNU9xJaDYJaNhwjOhg8AaGbGaUOe621edc4GHE1cpWScQhX-3TkD_1ilpjDUeenN4u8V8RYfoJ-c6Pz-BZ2i5Yifjc2tExvj_YJls0EcOhWGL8GApVESgxY/s1600/pagenavi1.jpg)
「そもそもページナビってなによ??」
って方のために僕に代わって説明してもらいましょう。
ページ送りとは
webページにおいて、複数のページに分割されたコンテンツを閲覧する際に、ナビゲーションの機能を果たす、現在のページ位置などを表示する部分を意味する語。
ページャー、ページネーションなどと呼ばれることもある。
ページの上部や下部などに、横方向に配列するデザインが採られている場合が多い。
出典:weblio
早い話が記事一覧の一番下によくあるこういうヤツです。↓
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO-YICiruifIf3EOr0ib-fvW7bTjyXcn4kAr3FbA3K59slI4MTBea6NKciamFEVoEqls69EuNNf3RuRmJpqIouxl2CRnJhALBhbuvWi-En6u16jiOJ6sk5P0gonYiJxDv2h7j-55TxyRY/s400/pagenavi.jpg)
が、いざ設置して確認してみるとなんか表示件数がバラバラ。
Bloggerの設定やHTMLやCSSを何度もいじくったり、1からやり直しても全く解決されず…。
すんごく困りました。
表示件数がバラバラ
設定では、1ページの表示件数を10件にしてました。HTMLページナビ部のperPageを10に。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik3teDbUM4lT9dz3pDZ3N9zztV-K_CAeS4MEJGxl3ZA6T9whLupADZkyISxh55o-NQ4dqKlYWgAZOqYsqGrwB8IHAMnK1i4Vay8kd9rc5sWL_6A51WeY6w3nrQ95YCVcyp3sPU_YRWz48/s1600/pagenavi3.jpg)
Bloggerの設定でも最大件数をちゃんと10にしときました。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG2aT3i1kL-tK0UpkDgAsGuSzZ4ii4pVH7Fl-VuiGa_1U3XlN7jfBsxARYIFRgT2Mgl3s3ujU1VQ6uhGshin59ipbs2axHhh0kkNYer4C3mySLrNLFB4KWJx9u3yFKCYBxFAEXBvLjYkg/s1600/pagenavi2.jpg)
それなのに、実際に表示されるのは、
- 1ページ目・・・10記事
- 2ページ目・・・8記事
- 3ページ目・・・7記事
- 4ページ目・・・10記事
規則性がまったくつかめません。
しかも減ってる部分の記事はどこにも表示されないんです。
なかったことにされてしまいました。
がんばって書いたのにこれじゃ悲しい。
原因は記事の容量の問題
で、いろいろ調べた結果、どうやらこっちの設定云々じゃなくてBlogger側の仕様に原因があるみたいなのです。くわしく説明すると、
Bloggerが記事一覧の表示を軽くするため、かってに表示件数を減らしていた
のが原因なのです。
マジか。
ありがた迷惑って感じですね。
対策
じゃあどうすればいいのか?記事の容量を軽くしてやればいいんですね。
といっても、一所懸命書いた記事の文字数を減らしたり、画像を削除したりしなくてもOK。
記事に追記の区切り(moreタグ)を入れてやります。
赤丸部分の紙が破けたアイコンがmoreタグってやつです。
これを記事作成時に任意の場所で押します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQZlUPEf3KegdEmAAnMJ8t8GWdMOpLphEX8I2djIne9_q1OgVjGbFdz9OFgbN0xYSuLA1g8YqejX7kuARUp95JCwQJ3Euouo_IkSS7tXGsOLPwzdxvtbmPoNMMzjF1x_IO6-vM_GfmlHY/s1600/pagenavi4.jpg)
すると矢印のように横線が出現します。
この作業によって、線から上の部分のみを記事一覧で読み込んでくれるようになります。
当ブログのページナビも正常に表示されるようになりました。
ちなみに、この線は実際の記事には表示されませんのでご安心を。
参考記事:
Blogger:投稿のデータ量が多すぎると、メインページに規定数の投稿が表示されない?-Bloggerの制限事項
まとめ
原因が分ってめちゃくちゃスッキリ。よかったよかった。
参考にさせてもらったDr.ウーパさんのブログには大感謝です!
いや~Blogger、奥が深いっス。
スポンサーリンク
スポンサーリンク
コメントを投稿