WordPress 初心者のシングルマザー!スマホ対応できてない!?どうやってやるの!?
はいっ! しんママ☆りんごです♡
私のブログは、パソコンで記事を書いています。
なので、記事が書き終わって、公開ボタンを押して、投稿を表示(確認)までの作業は、もちろんパソコンでしていました。
でも、スマホでブログを見てくれている人のほうが多いんですよね。。。
(;・∀・)あれ?
スマホから、記事を確認したこと。。。ないわΣ(゚Д゚)ぇ?
何かを自分で検索する時は絶対にスマホ使うくせに、自分の記事は確認せんのかい!!!
そもそも、スマホに対応しているの?
今更ながら、このブログはスマホに対応しているのか?!チェックしてみることにしました。
Google Search Consoleでチェック!
Google Search Console(グーグル サーチ コンソール)で、モバイルチェックをしました。
モバイルユーザビリティ
メニューの「拡張」から「モバイルユーザビリティ」を開きます。
エラーの確認をします。
エラーがあれば修正をします。。。
ですが、私のブログはエラーが0だったので、
問題なし(*^^)v
ここで、安心してはいけません。
モバイルユーザビリティでエラーがなくても他でエラーがあるかもしれません。
そこで確認するのがモバイルフレンドリーテストです。
モバイルフレンドリーテスト
良い行き方があるのかもしれませんが、私が試した方法をお教えします。
- 右上のヘルプ(?マーク)を開きます。
- ヘルプを検索のところにモバイルフレンドリーテストと入力して検索します。
- モバイルフレンドリーテストツールがでてくるので開きます。
- テストをはじめます。
- 「あなたのウェブページはモバイルフレンドリーですか?」と大きな文字がある下に自分のURLを入力します。
- 「URLをテスト」を開始します。
結果は。。。
モバイルフレンドリーではありません( ノД`)シクシク…
どうしたらいいの?
モバイル対応ではない理由がそこには書いてありましたが、超初心者の私には理解できず、いつものググりでいいものを見つけました。
プラグインでモバイル(スマホ)対応に修正
前回、パイセンたちのブログを見ながらやってはいけないカスタマイズでこりているので、「カスタマイズ」と名の付くブログはどんないい記事でも無視しました。(パイセンたちごめんなさい)
見てしまうとやってしまう可能性があるからです。
そして、私がたどり着いた、できそうな修正はこちら!!!
プラグインを使っての修正!!!
こちらのパイセンのブログを参考にさせていただきました。
こちらの世界では超有名なかたですよね。松原潤一さんの『松原潤一のブログ』から、「簡単にWordPress高速化!モバイルフレンドリーのための7つの対策」
この中に、プラグインのことが詳しく書いてあって、私のWordPressにはプラグインのJetpackがあったので、これを使用しました。
Jetpack
WordPressのダッシュボードのJetpackの設定を開きます。
「執筆」のJetpackモバイルテーマを有効化がOFFになっていたのでONにしました。
そしてもう一度モバイルフレンドリーテストをしてみると。。。
「このページはモバイルフレンドリーです」ですって( *´艸`)
なんと簡単に設定できたのでしょう♡
パイセン、ありがとうございます!
今までモバイルから来てくださった方、ごめんなさい。
これからは、きれいに見られると思います。
宜しくお願い致しますm(__)m
そんな失敗ばかりしている私でも100記事書くことができました☆
前回大失敗をしてしまったカスタマイズのお話はこちらから
次はサイト名を変更したお話です。
じつは、まだまだ対応できていなかった。。。