WordPress見出しや枠がスマホで反映されない!原因はこれかも!

 

こんばんは、たまです。

 

初めての事って分からない事だらけで
壁にぶち当たって悩みますよね。

 

ここ数日間私も悩みまくってました。

 

何を隠そう私はブログ初心者
WordPress初心者のひよっ子なんです ^^;

 

PCで書いた記事の見出しや、枠が
スマホだときちんと反映しない現象
1週間くらい振り回されましたー・・

 

きっと今はスマホで見る人の方が多いのに
これじゃ記事書いても見づらくて
誰も読んでくれないよ、、

 

そんな考えに至り

 

記事を書くのもどうしようかなーって。

 

分からないなりに設定調べたり
情報漁ったりしてる間に
時間ばかり過ぎ気持ちは焦るばかり。

 

同じ様な方の為に
少しでも役に立てばと思い
情報共有の記事書かせてもらいます。

見出しや枠がスマホで反映されない!

 

どうゆう状態だかわかりますか??

 

PCだときちんと表示されてこんな感じ

 

見出し2にした所は
きちんと文字が大きく、バックに青色カラー

 

見出し3にした所は
見出し2よりは小ぶり&装飾も違う

 

これが本来あるべきデザインなんです。

 

PCで書いて、記事UPして
「う〜ん、綺麗にできてる!!」
なんて満足して

 

どれどれ、スマホでも見てみよう〜
ってルンルン気分で見てみると

 

 

先ほどのPCとの見た目の違い
おわかりいただけますか〜??

 

装飾がなかったことにされている(泣)

 

そしてなぜかアイキャッチ画像も小さい

 

 

なんじゃこれ〜〜〜〜!!!

 

と、こんな状態が私を悩ませます。

 

でも今は便利な時代なので
ググれば大体のことは分かる^^

 

なんだけども、
WordPress初心者ひよっ子な私は
なんて調べたら良いのかも迷う。

 

そして数日間迷い続けるのでした。

 

スポンサーリンク

原因はこれかも!解決策はこれだ!

 

悩んでる時にSNSで出会った
優しいブログコンサルの方に
無料であれこれ聞いてみました。

 

その結果、プラグインの何かが原因だ!
との事で、まずは全てのプラグインを一時停止

 

それでも、まだきちんと表示されない
スマホのブログページ・・

 

また相談した結果、
Jetpackが問題だということが判明!

 

 

Jetpack入れている人がほとんどでは?

 

サイト統計情報が見えるので
今日はこのぐらいの人が見てくれたんだ!
とモチベーションUPに繋がるプラグイン。

 

他の優れた機能も沢山あるんでしょうけど
私は今のところよく分かってません。

 

なんせ初心者なんで・・笑

 

Jetpackを全停止してしまうと
サイト統計情報は見れなくなってしまう

 

もし私と同じ状況の方がいたら
この方法を試して見てください!

 

右の一覧からJetpack→設定執筆
この順番で進んでください。

 

そしたら下にスクロールして
テーマの拡張のところを見てください。

 

Jetpackモバイルテーマを有効化の部分
ここにチェックがついていると青になってます。
ここをオフにしてください

 

画像はチェックオフ状態

 

なのでこの画像のような状態にしてください。
その後変更は勝手に保存されます。

 

スマホのページを見てみてください。
直ってますか???

 

私はこれで無事直って
数日間の悩みとモヤモヤから解消されました^^

 

現在のスマホの見た目はこれ

 

ね!!

 

きちんと綺麗に反映されてるでしょ^^

 

まとめ

 

PCではきちんと見える見出しや枠などが
なぜかスマホだと反映されない。

 

一生懸命書いたのに
スマホだとなんで見づらいの?!

 

そんな時は

Jetpackのテーマの拡張にある
モバイルテーマを有効化の部分をオフに!

 

それでもダメなら
使用している全てのプラグインを
一回思い切って全て停止にしてみる。

 

そして地道に1つづつ有効化して
スマホをチェックしながら
原因を探って見てください。

 

Jetpackの設定で解決することを願ってます!

 

もし直ったよ〜^^
役に立ったよ〜^^

 

って方いらっしゃったらコメントくださいね♥

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です