こんばんは、たまです。
初めての事って分からない事だらけで
壁にぶち当たって悩みますよね。
ここ数日間私も悩みまくってました。
何を隠そう私はブログ初心者
WordPress初心者のひよっ子なんです ^^;
PCで書いた記事の見出しや、枠が
スマホだときちんと反映しない現象に
1週間くらい振り回されましたー・・
きっと今はスマホで見る人の方が多いのに
これじゃ記事書いても見づらくて
誰も読んでくれないよ、、
そんな考えに至り
記事を書くのもどうしようかなーって。
分からないなりに設定調べたり
情報漁ったりしてる間に
時間ばかり過ぎ気持ちは焦るばかり。
同じ様な方の為に
少しでも役に立てばと思い
情報共有の記事書かせてもらいます。
見出しや枠がスマホで反映されない!
どうゆう状態だかわかりますか??
PCだときちんと表示されてこんな感じ
見出し2にした所は
きちんと文字が大きく、バックに青色カラー
見出し3にした所は
見出し2よりは小ぶり&装飾も違う
これが本来あるべきデザインなんです。
PCで書いて、記事UPして
「う〜ん、綺麗にできてる!!」
なんて満足して
どれどれ、スマホでも見てみよう〜
ってルンルン気分で見てみると
先ほどのPCとの見た目の違い
おわかりいただけますか〜??
装飾がなかったことにされている(泣)
そしてなぜかアイキャッチ画像も小さい
なんじゃこれ〜〜〜〜!!!
と、こんな状態が私を悩ませます。
でも今は便利な時代なので
ググれば大体のことは分かる^^
なんだけども、
WordPress初心者ひよっ子な私は
なんて調べたら良いのかも迷う。
そして数日間迷い続けるのでした。
原因はこれかも!解決策はこれだ!
悩んでる時にSNSで出会った
優しいブログコンサルの方に
無料であれこれ聞いてみました。
その結果、プラグインの何かが原因だ!
との事で、まずは全てのプラグインを一時停止
それでも、まだきちんと表示されない
スマホのブログページ・・
また相談した結果、
Jetpackが問題だということが判明!
Jetpack入れている人がほとんどでは?
サイト統計情報が見えるので
今日はこのぐらいの人が見てくれたんだ!
とモチベーションUPに繋がるプラグイン。
他の優れた機能も沢山あるんでしょうけど
私は今のところよく分かってません。
なんせ初心者なんで・・笑
Jetpackを全停止してしまうと
サイト統計情報は見れなくなってしまう
もし私と同じ状況の方がいたら
この方法を試して見てください!
右の一覧からJetpack→設定→執筆
この順番で進んでください。
そしたら下にスクロールして
テーマの拡張のところを見てください。
Jetpackモバイルテーマを有効化の部分
ここにチェックがついていると青になってます。
ここをオフにしてください
※画像はチェックオフの状態
なのでこの画像のような状態にしてください。
その後変更は勝手に保存されます。
スマホのページを見てみてください。
直ってますか???
私はこれで無事直って
数日間の悩みとモヤモヤから解消されました^^
現在のスマホの見た目はこれ
ね!!
きちんと綺麗に反映されてるでしょ^^
まとめ
PCではきちんと見える見出しや枠などが
なぜかスマホだと反映されない。
一生懸命書いたのに
スマホだとなんで見づらいの?!
そんな時は
Jetpackのテーマの拡張にある
モバイルテーマを有効化の部分をオフに!
それでもダメなら
使用している全てのプラグインを
一回思い切って全て停止にしてみる。
そして地道に1つづつ有効化して
スマホをチェックしながら
原因を探って見てください。
Jetpackの設定で解決することを願ってます!
もし直ったよ〜^^
役に立ったよ〜^^
って方いらっしゃったらコメントくださいね♥