当ブログで使用させて頂いているBloggerテーマ「Viral Pro」。

カード型のシンプルな見た目に惹かれ導入したものの、海外テーマのカスタマイズは純日本人には難しい部分も多く…。

今回は、「Viral Pro」をスマホ・タブレットで表示した際のページャー(ページネーション)の不具合についての備忘録です。

テーマ「Viral Pro」スマホ表示時のページャー不具合

2ページ目に行ってもページャーが「1ページ目」になってしまう

スマホから本ブログを見た際、3ページ目、4ページ目…と移動しても、ページャーの表示はずっと「1」を示していました。

表示されている記事も、切り替わったり切り替わらなかったり…。

デモサイトも同じ状態なので、カスタマイズのせいではなさそうです。
これではユーザビリティがよろしくありません。

原因:「?m=1」の祟り

「Viral Pro」標準のページャーはページ毎の割り振りが行われていないようで、スマホ・タブレット表示の際にURL末尾についてしまう「?m=1」が邪魔をしている模様。

(海外記事などをいくら見回しても「?m=1」の回避方法が見つかりません。

(もし分かる方いましたらTwitterで教えて下さい…。)

初心者には複雑なコード修正は難しい

ある程度原因が分かっても、直せない。つらい。

対処:別のページャーを導入して解決

参考記事:【Blogger】HTML/JavaScriptガジェットから番号付きのページナビを追加する方法【Vaster2】

以前、日本語テーマ「Vaster2」を使っていた時に、度々お世話になったブログの記事です。

手順

1.元のページャーのスクリプト(下のコード)をコメントアウト。


</body>直上の
<b:if cond='data:blog.pageType != &quot;item&quot;'>
~</b:if>

2.参考記事の通り導入。

※「Viral Pro」はレイアウトの「ブログ投稿」の下にガジェットを追加できません。
ですが、どこかしらにガジェットが貼ってあればページャーは表示されるようです。
(自分は「Footer1」の中に追加しました)

3.スマホで動作を確認し、ちゃんと動いたら感動しておわりです。

おわりに

結局のところ、「?m=1」がなんとも厄介です…。

(『テーマのモバイルの歯車のところで~』というのはガセネタでした…)

しかしながら、ページャーは上手く改善できたので一安心。

今後もブログ内の不具合はなるべく見逃さず、直していきます。
(直すべき部分があればTwitterでコッソリ教えてもらえたらありがたいです…(;^ω^))

【Blogger】ページャーの不具合&改善策について【Viral Pro】

当ブログで使用させて頂いているBloggerテーマ「Viral Pro」。

カード型のシンプルな見た目に惹かれ導入したものの、海外テーマのカスタマイズは純日本人には難しい部分も多く…。

今回は、「Viral Pro」をスマホ・タブレットで表示した際のページャー(ページネーション)の不具合についての備忘録です。

テーマ「Viral Pro」スマホ表示時のページャー不具合

2ページ目に行ってもページャーが「1ページ目」になってしまう

スマホから本ブログを見た際、3ページ目、4ページ目…と移動しても、ページャーの表示はずっと「1」を示していました。

表示されている記事も、切り替わったり切り替わらなかったり…。

デモサイトも同じ状態なので、カスタマイズのせいではなさそうです。
これではユーザビリティがよろしくありません。

原因:「?m=1」の祟り

「Viral Pro」標準のページャーはページ毎の割り振りが行われていないようで、スマホ・タブレット表示の際にURL末尾についてしまう「?m=1」が邪魔をしている模様。

(海外記事などをいくら見回しても「?m=1」の回避方法が見つかりません。

(もし分かる方いましたらTwitterで教えて下さい…。)

初心者には複雑なコード修正は難しい

ある程度原因が分かっても、直せない。つらい。

対処:別のページャーを導入して解決

参考記事:【Blogger】HTML/JavaScriptガジェットから番号付きのページナビを追加する方法【Vaster2】

以前、日本語テーマ「Vaster2」を使っていた時に、度々お世話になったブログの記事です。

手順

1.元のページャーのスクリプト(下のコード)をコメントアウト。


</body>直上の
<b:if cond='data:blog.pageType != &quot;item&quot;'>
~</b:if>

2.参考記事の通り導入。

※「Viral Pro」はレイアウトの「ブログ投稿」の下にガジェットを追加できません。
ですが、どこかしらにガジェットが貼ってあればページャーは表示されるようです。
(自分は「Footer1」の中に追加しました)

3.スマホで動作を確認し、ちゃんと動いたら感動しておわりです。

おわりに

結局のところ、「?m=1」がなんとも厄介です…。

(『テーマのモバイルの歯車のところで~』というのはガセネタでした…)

しかしながら、ページャーは上手く改善できたので一安心。

今後もブログ内の不具合はなるべく見逃さず、直していきます。
(直すべき部分があればTwitterでコッソリ教えてもらえたらありがたいです…(;^ω^))

次に読まれている記事