どうもUGです。
数日前に「ブログの中に記事用コードが出てしまってますよ」と
コメントがありました。
PCサイトで見ても「あれ?普通表示されてるのに」と思ったりもしたのですが、
もしかやと思いスマホで自分のブログをチェックしてみたら
コメントの通りになっているどころか、
サイト自体の表示がおかしい
「えーなんやねんコレー」みたいな感じで
原因を追求するため
朝方4時までwordpressとにらめっこしてました。
表示不具合は
- スマホで表示するとサイドバーが表示さされない
- 記事上、記事したの広告がでない
- のコード表示のため共通コンテンツコードを挿入すると
- cc id=0000 title=というコード自体が表示されてしまう
CSSをチェックしたりプラグインを切ったりテーマの設定を見直したりても
解決できませんでした。
そもそも、CSSってなんやねん?
HTMLってなんやねん?
っていう人ですから、見ても何がなんやらです
当然googleで調べるわけですが私の不具合について
書いてあるサイトを発見することができません。
こうなれば総当りと思いすべての設定項目およびCSS、
プラグインを見直しをしてみました。
そして見つけました。
原因はJetPackでした。
Jetpackとは
WordPressを利用する上で便利なアクセス解析や問い合わせフォーム、
SNS自動共有など約30種の機能をパックにしたもの
ということですが、正直これは必要だから入れたというわけではなく、
SEOについて色々とサイトを調べていたら「入れた方がいいよー」という話でいれただけのもの
駄目ですね。こういう理解していないものを入れてしまうのは…
原因となる設定は
Jetpack-Writing-テーマの編集
スマートフォン向けにサイトを最適化
このチェックを外すことで問題は解決しました。
原因は?
使っているテーマ[賢威]のスマホ表示と
jectpackのスマホ表示と喧嘩してしまったのではないか?
と推測しています。
さいごに
解決するのに数十時間くらいかかりました。
苦手意識しかなかったWordpressで
原因を解明できたのは自分にとって大きな一歩でした。
同じような症状でお困りの方
参考にしてみてください。
同じ悩みを抱えていたのですが、このサイトで救われました!ありがとうございます。
私もPCサイトではうまく表示できるのに、スマホ表示だと変な表示になりずっと悩んでました。
ある記事でプラグインを全部外してみるというのをやったら解決したのですが、どうもこのjetpackを入れると戻っていしまい、ず~っと悩んでました。
やはりこういう情報提供が一番ですね。本当にありがとうございました!!
ありがとうございます!
私もこれになったときなんで~!!と思いました。
お役にたつことが出来嬉しいです。