スマホから見たらブログデザインが崩れていた原因と対策をメモ!

こんばんは、メイコです。

メイコの使っているブログはワードプレス(WP)というものなんだけれども
スマホにもちゃんと対応している(レスポンシブデザイン)はずなのに
この間スマホからチェックしたらデザインが全然反映されてなかったのです~!

びっくり!( •̀ㅁ•́;)
なぜ~!?と思っても慌てず、騒がず。

実は昔のブログでも同様のことがあって
そのときはパソコンから見た時にくずれていたんだけれども
原因が一緒だったのでブログのデザインが崩れる場合はぜひ試してみて~です。

原因はプラグインとの相性

ブログのデザインがうまく反映されていない原因は
実はプラグインにあります。

ワードプレスを使っていないと「プラグインってなに?」と思うかもしれないので
ひとまずプラグインっていう
便利なカスタマイズできる装備みたいのがあるんだよ、
ということを覚えておけばOKです。

そのプラグインには
いろんな性能を持っているものがた~~~くさんあって

たとえば、

  • 自動でサイトマップをつくってくれるものだったり
  • ちょっとしたカッコイイデザインに変更してくれたり
  • カウンター機能が付いているものだったり

と便利な機能がとにかくたくさん存在しています。

どれも無料で使えるありがたい存在なのですが
意外と落とし穴もあるのでぜひ知っておいてください~。

 

便利なはずの機能が実は落とし穴へ

 

今回相性が悪かったのが
JetPackというプラグインでした

jetpack1

Jetpack は WordPress サイトの管理をより簡単にします。
訪問者の統計情報、セキュリティサービス、画像配信の高速化、そしてトラフィック増加促進といった機能を持つ Jetpack は、無料のプラグインです。

 

とっても優秀なJetPackさんなのですが
その機能のひとつに

『モバイルテーマ』というのがあるのです

それが通常機能するはずの
レスポンシブデザインとガッチャンコして

スマホ表示が上手にできていない原因でした。

 

実は、プラグインの相性が悪くて
不具合が起こることは結構あることなので
ぜひ覚えておいてください。

不要なプラグインは削除しておきましょう!

解決策はプラグインを「無効」に

はい、原因が分かればあとはモバイルテーマを
「有効化」から「無効」に変更するだけで問題解決です。

これでスマホを再度確認してみると
バッチリ!元通りに表示してくれました。

 

たくさんのプラグインを利用していると
どれが悪さをしているのか相性が悪いのか
判断できない!という事があると思うので

地道ですが相性の悪いプラグインの見つけ方を
解説しておきます~。

相性の悪いプラグインの見つけ方

ワードプレス(WP)のデザインや機能がちょっとおかしいな?と感じた時
まず最初に疑うべきはプラグインとの相性の問題です。

まずは、最近いれたプラグインを「無効」にしてみること。

もし、最近いれたプラグインがどれかわからない場合は

全てを一度「無効」にして1つづつ「有効化」していけばいいわけです。
一度すべてを無効化して、不具合が解消されればプラグインのしわざだとわかります。

もしくは

上から順番に「無効」と「有効」を繰り返して
ブラウザを更新したときに不具合が直っていれば
プラグインが特定できるようになります。

(こちらの方が他の影響が少なく済むかもしれません)

 

1つずつをチェックするのが面倒な場合は
5こずつでもいいのでチェックを「無効→有効化」していけば見つけやすいです。

メイコの場合もこの方法で

1.原因はプラグインとの相性
2.原因のプラグインは「JetPack」

という問題点にたどりつきました。

もし、ブログのデザインや機能に「おや?」とギモンがあるばあいは
プラグインのチェックを試してみてください(●´ω`●)

 

プラグインだけじゃない場合もある

ちなみに、プラグインが原因じゃなかった場合
サポートしてくれるテーマを購入していれば
販売者、製作者さんに直接質問することができます。

メイコの場合もお問い合わせできるテーマを利用しているので
テーマの購入の際の1つの選択肢として頭に入れておくと良いです~。

>メイコが利用しているワードプレス(WP)のテーマ

 

まとめると

ブログの調子がおかしい!というときは
まずプラグインの相性を疑ってみよう!

という事でした。

不要なプラグインは消しておいた方が無難ですね。
それから長い間更新されていないプラグインも要注意です!

更新がされていない=作者がサポートを止めた

という可能性も高いです。
追記で書いたプラグインはまさに5年も放置されたままでした!!
便利なプラグインの落とし穴ぜひ気を付けてください~。

●追記

最近、WordPressの管理画面の『メディア』で
画像が表示されない不具合がありました。

この不具合の原因はやっぱりプラグインで
アドセンス関連のプラグインを停止することで
メディアの画像がきれいに表示されるようになりました。

まさかこんなプラグインが!?と思うような
驚くものが悪さをしていることがあるので
関係なさそうなプラグインもぜひチェックしてみてください^^

 

メイコより