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の拡張機能にインストールしてみてはいかがでしょうか。

閲覧ありがとうございました!

新しいひらめきが欲しいならインプットのタイミングと睡眠の質が重要!... クリエイティブな仕事をしているうえで必要になってくるのが「ひらめき」。 実はこのひらめきを起こすために重要な役割を担っているのが「睡眠」なんです。 日本人は世界的にみて睡眠時間がすごく少ない民族です。 欧米の平均と比較すると睡眠が1時間近く少ないという結果もあるぐらい日本人は睡眠時間が足りてい...
イラレでマップ制作時に役立つエフェクト!質感を簡単にアップする方法... Illustratorの簡単エフェクトチュートリアル!! 今回は、地図やアクセスマップを作る際に、道路や地面などの質感を上げるエフェクトです。 案内リーフレットやパンフレットで地図が中面に見開きで掲載するときってありますよね?? ただ単にマップを作って配置していては、絵的にもたない時があると思...
トラッキングコード設定はコピペで完了!GoogleAnalytics byYoastで簡単... Google Analyticsのトラッキングコードを簡単設定する方法をご紹介します! 「UA-」からはじまるトラッキングIDをコピペするだけなので初心者でも心配することなく設定ができます! こんな方にオススメ! トラッキングコードを「headタグ内」に入れるのがわからない! W...
イラレCCのエフェクト文字篇!プルンっとゼリー状の艶を出す方法!... イラストレーターCCで作るゼリーやグミのように艶のある文字にするエフェクトチュートリアルをわかりやすく日本語解説&画像でご紹介! プルンっとした感じの光沢がお菓子の広告やロゴ、子供向けのデザインや女子ウケしたいデザインに使えそう!! イラレのツヤツヤ光沢エフェクトをマスターすれば、ロゴや...
イラレCCの使い方!文字サイズに応じて変わる吹き出しの設定方法!... イラストレーターCCの使い方文字篇!! フォント(テキスト)の文字サイズに合わせて自動で変わる吹き出しの設定方法をご紹介!! 文字と吹き出しを別々のオブジェクトにすると文字サイズを変更するたびに吹き出しの大きさも変えるという煩わしい作業から、これで解放されるのです! ぜひマスターして明日からデ...
クリスマスカードの無料イラスト素材集!高品質で可愛い画像が勢揃い!... クリスマスカードの無料イラストテンプレート集をご紹介します! 高品質なイラストで、可愛いサンタクロースやトナカイ・スノーマンやクリスマスツリー・クリスマスリース、プレゼントのイラストなどが入っている子供向けのタイプから大人向けのクラシックでシンプルな上品なタイプまで幅広く集めてみました。 いつも...
【イラレCC技】ひと手間で文字の立体感を簡単に2〜4割増しにする方法... 今回はイラストレーターCCでも文字に立体感を出すチュートリアルになります! 10秒から1分間ぐらいのひと手間加えるだけで文字の立体感を2割〜4割ぐらいアップさせることができます。 文字だけでなく他のオブジェクトにも流用できるテクニックなので、ぜひ覚えてどんどんレベルアップしてみてくださいね。応用...



-Word Press

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2019 All Rights Reserved.