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

次ページはこちら!

短時間睡眠で効率良く眠れて疲労回復?徹夜より朝活がオススメな理由... え?!マジ?!本当に??? 短時間睡眠のほうが長時間睡眠よりも質の良い眠りができるらしい。 しかも効率よく睡眠がとれているから、疲労回復にも抜群なんだって。 徹夜で仕事したり、自分は夜型だからと言って夜遅くまで起きて、次のせっかくの休日を昼ごろまでダラダラと寝たりしてませんか?ダラダラと寝...
イラレでマップ制作時に役立つエフェクト!質感を簡単にアップする方法... Illustratorの簡単エフェクトチュートリアル!! 今回は、地図やアクセスマップを作る際に、道路や地面などの質感を上げるエフェクトです。 案内リーフレットやパンフレットで地図が中面に見開きで掲載するときってありますよね?? ただ単にマップを作って配置していては、絵的にもたない時があると思...
激安で簡単!年末大掃除のコツ!網戸サッシ掃除に100均ツールが大活躍... そろそろ年末の大掃除の季節が近づいてきましたね。 寒い季節なのに水に手をつけて、掃除するなんて辛い! 特に網戸やサッシの掃除は、窓を開けながらするから、パパッと簡単にスムーズに終わらせたいですよね。 そんな悩みを解決しましょう!! しかも激安っ!!で簡単にっ! なんて言うと大げさです...
【Photoshop無料ブラシ】デザイナー必須の手描き風の筆ストローク集!... Photoshopをお使いのグラフィック・広告・WEBデザイナーさんにオススメしたいっ!! 現役の広告デザイナーがこれなら、現場で使えるなーっと思ったPhotoshopブラシの無料ダウンロードまとめです! ブラシって、CGなどの画像を作り込んでいくうえで、重要なポイントですよね。 筆ストロ...
Illustratorのエフェクトで地面テクスチャの作り方チュートリアルステップ... Illustrator(イラストレーター)のエフェクトで地面テクスチャをサクッと作るチュートリアルです。 テクスチャをPhotoshopで作ったり、画像をWEB検索で見つけるのもいいですけど、イラレの底力をなめてませんか? テクスチャだって、簡単に作れちゃうんだからっ!!!! しかもこの地面テ...
イラストレーター基礎編!ペンツールのベジェ曲線の描き方練習法!... イラストレーターの基礎編! ペンツールでベジェ曲線を描くをご紹介しますね! ベジェ曲線の描き方を簡単な動画で解説しているので、初心者の方はぜひ参考にしてみてくださいね。 描き方が独特なベジェ曲線。 イラレを使ってみようと始めたはいいけど、このベジェ曲線で行き詰まったって人もいるんじゃない?...
ブログで内部リンクを簡単にリンクカード風で貼るプラグインの使い方!... どうにかして内部リンクをキレイに貼ってサイトの回遊率をあげたい! 文字だけのリンクなんて味気なくてなんだか見た目もパッとしない! アイキャッチ画像が付いたオシャレなリンクカードを貼りたい! そう思っているあなたにオススメのプラグインはこれっ!!!!! 「Pz-LinkCard」。 「Pz...
【多忙な主婦限定】年始に慌てない簡単お正月おせち料理の作り方!... 【重要!】この記事は育児・家事と仕事に毎日追われている多忙なお母さん・ママのために書いた記事です! しっかりと読んでください! クリスマスが過ぎるとあっちゅう間にお正月!! 年末年始のこの季節になると、お正月のおせち料理をどうするのか考える人が増えると思います。 あなたはおせちを買う派?...
便利で超簡単!Illustrator CCでテキストを1文字ごとに変形する方法... イラストレーターでテキストにアウトラインをかけずに、なんと1文字ずつ個別に変形する、スゥゥゥーーーパァァァーーー便利なツールをご紹介!!! ベテランさんほど見逃しているかもしれない、イラレのCCから追加されたこの超スペクタクルなツール「文字タッチツール」がマ・ジ・デ使えすぎて困るぜぇーーー。 っ...
人用のWPのサイトマッププラグイン設定と表示されない時の対処解決法... ワードプレスのサイトマップを生成してくれるプラグインといえば何じゃ?お??? はいっ!はい!はーい!!!Google XML Sitemapでぇーす!! では人間が見るためのサイトマップを自動生成してくれるプラグインといえば〜〜〜??? えーと、えーと、えーと、そんなプラグイン習ったっけ〜...

スポンサーリンク



-Word Press

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.