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

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

イラレの使い方!ラスター画像をベクターデータへ変換する方法!... イラストレーターCCでラスター画像(jpeg・ping・bmp・gif)をai形式のベクターデータにパパッと簡単に変換できる方法をご紹介! 初心者のあなたでも、ステップ通りにやれば楽にできますので、ご安心を!! ちなみにどんな場面で役に立つのかというと、デザイン現場でロゴやキャラを印刷に使うとき...
初めてのIllustratorの使い方超基本操作 | 四角のボックスを描く方法... イラストレーターの使い方の超基礎編のお時間ですよーー! これからイラレを始めるという初心者の方向けの超基本操作になりまーーす。 今回は立体的な四角いボックスを描く方法です。 Illustratorのバージョンは関係なく、昔から使われている超原始的で基本中の基本の捜査内容になりますよー。 長方...
ノートパソコンの底が熱くなるのを予防!排熱効果を高める3つのポイント... ノートパソコンを使っていると、僕のMacなので底面と左側に熱を持ち始め、キーボードを使う時に指がその熱くなる部分にあたると「アチっ!!!」って思うほど熱を持っていることがあります。 ま〜、古いのもあるんでしょうが、できればうまく熱を逃して快適にノートパソコンを使いたいものです。 そんなときに参考...
Illustratorテクニック木目調自作編!ウッドテクスチャチュートリアル... イラストレーターで木目調のテクスチャを自作で作るチュートリアルを今回はご紹介! 自分で描き方をマスターすれば、木目の画像を探す手間やライセンスフリーかどうかを確認する時間を節約できますよ。 写真素材を探すときって案外時間がかかりますからね。 それに解像度は使う基準に充分対応しているか確認したり...
WordPressプラグイン Quick Adsense日本語表示のやり方!コピペで簡単... WordPressプラグインの「Quick Adsense」をインストールして、そのまま使うと日本語表示が文字化けするので注意!! 特にアドセンスの「スポンサーリンク」が文字化けすると規約違反にもなるのできちんとスポンサーリンクが日本語表示されるようにしましょう! やり方は本当に簡単です!! ...
WordPressプラグインのMilliardが超便利!関連記事表示はコレに決まり!... ワードプレスの関連記事を表示してくれるプラグインといえば??? WordPressRelatedPosts?YARPP? 確かに、確かにこの二つのプラグインもとってもお世話になっています。 ですが、見つけてしまったんです! とーーーっても良くできた秀逸な関連記事表示プラグインを!! その名...
嫌な胃もたれ胸焼け解消に漢方薬!不快な諸症状に効いておなかスッキリ!... 胃もたれ、胸焼け、食欲不振で普通の薬がダメだった人は漢方薬が良いかもしれないですよ!! こんな症状の方にオススメです! 胃の不快な症状の例 胃がしくしく痛む 胃がもたれる 胃が張る、膨張感 食欲がない 嘔吐、吐き気がする、ムカムカする のどがつかえた感じがする ...

スポンサーリンク



-Word Press

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.