google,chrome,スマホプレビュー,表示,ブラウザ

Word Press

30秒で完了!ChromeでWordPress記事のスマホプレビュー簡単表示法

ChromeWordPress記事のスマホプレビュー設定が30秒でできます!
いやもしかしたら、もっと早く出来るかもしれませんねー。

それぐらい恐ろしく簡単です。

そもそもなぜGoogle Chromeでワードプレス記事のスマホプレビューを表示しようと思ったのかというと、スマホプレビュー表示ができるプラグイン「Mobile Previewer」「Responsive Post Preview」を入れたところ、うまくプレビューができませんでしたー。

ということでChromeでスマホプレビューをするという結果にいたったわけです。

もしプラグインを入れたのにスマホ・タブレット用プレビューが全然見えませーーんとお悩みの方には超簡単でオススメなのでぜひChromeの拡張機能を追加して使ってみてくださいね。

30秒で完了!Google Chromeでワードプレス記事のスマホプレビュー!

本当にムチャ簡単!
拍子抜けですよっ!!

ではインストールからご説明します。
下記から「Window Resizer」をグーグルストアで追加してください!

Window Resizerの追加はココからすぐ出来ます!

 

右上の【CHROMEに追加】をポチッとクリック!

chrome,スマホ,表示,プレビュー,ブラウザ

ハイ!!
これで設定完了です!!

どうです???
30秒もかかってないかもしれないけど。

いやー、この拡張機能を作った方は素晴らしいですね〜。

このサイトへのアクセスの半分近くはスマホからですからねー、どんな風に見られているかよく確認しながら記事を投稿しないといけませんから。

Window Resizerでスマホプレビューの方法!

スマホプレビューの仕方は、これまた簡単です!
Chromeのブラウザウィンドウの右上に下記にある画像が表示されるようになるります。

chrome,スマホ,表示,プレビュー,ブラウザ

そこをクリックすれば、スマホやタブレットのサイズウィンドウがでてくるので表示したいサイズを選択すればウィンドウが選択したサイズに切り替わってスマホプレビューが閲覧できます。

chrome,スマホプレビュー,表示,ブラウザ chrome,スマホプレビュー,表示,ブラウザ

ウィンドウサイズの新規設定もカスタムできます。

Chromeの拡張機能でスマホプレビューのまとめ

Google Chromeでスマホプレビュー表示が簡単にできるなんて便利ですよね〜!

ただ一つ欠点があるんですよ〜。
この表示方法だと、スマホ用のアドセンスをPC用と変えている設定にしていると反映されないんですよ。

完全なスマホプレビューではないってことです。

ただ文字のレイアウトは確認できるので、役立つツールだと思います。
もし、スマホプレビューがどうなっているか気になる方はChromeの拡張機能にインストールしてみてはいかがでしょうか。

-Word Press

© 2024 BUZZ GEEK MAGAZINE Powered by AFFINGER5