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

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

【随時更新】早めのリファラスパム対策!リファラスパム名晒します!... 某製薬会社の有名なコピー「効いたよね!早めのパ○シロン!」ではないですが、リファラスパムにまだ会ったことがないという方のために、管理人が運営するサイトにご来訪されたリファラスパム名をリスト形式でこれから随時更新で晒していきたいと思う所存でございます。 今回もまた、グーグルアナリティクスでアクセスの...
リファラスパム対策第2段!XサーバーのIPアドレス拒否設定で除外方法!... またかよ〜っ!!いい加減にして〜ん。 しつこいのは嫌われるぞ〜。 ということで、またリファラスパムが来ました。前回は「AliBestsale.com」というところから来てましたが、今回は違いました。 「claim61532701.copyrightclaims.org」という何やようわからんと...
【保存版随時追加】商用可能な高品質イラストのフリー素材サイト集!... 広告・チラシ・ポスター、ホームページ、バナー、ブログなどを制作する際に必要になってくるのがイラスト素材。 有料サイトで買ってもいいですが、仕事の見積もりもギリギリでそこまで予算とれるかな〜? どっかにフリー素材の高品質なイラストはないかな〜? 大丈夫! ありまーーすっ!! 必ずブックマ...
ブログ内部リンクのセルフピンバッグ停止方法!プラグインで簡単設定... WordPressでサイトやブログの回遊率を上げるために内部リンクを貼る!! それはとてもいいことだと思います。 ただ「モデレートしてください。」というメール来てませんか??? 内部リンクを貼るたびに、「モデレートしてください。」とメールが来ます。 はっきり言ってうっとおしいですよね〜。 ...
イラストレーターの使い方 | ワープツールの基本操作をザクっと紹介!... イラストレーターの使い方で最低でも知っておきたい基本的なツールを紹介! 今回はワープツールの基本動作をこちらで確認してみてくださいね。 初心者の方でワープツールって何って思いますよね? ワープっていうぐらいだから、ものすんごい機能なのって先走ってしまいそうですが、使い方・動作はいたって簡単!...
Illustrator CCチュートリアル | 画像・写真を切手風にする作り方... Illustrator CCチュートリアル画像編!! イラレで画像や写真を切手風デザインにする作り方をご紹介しまっす!! 写真をただ貼り付けるよりも味がある感じにレイアウトできるのでぜひデザインの一部に取り入れてくださいなー。 しかも単体のオブジェクト一つと画像があればアピアランスで簡単に設定...
初めてのIllustratorの使い方超基本操作 | 四角のボックスを描く方法... イラストレーターの使い方の超基礎編のお時間ですよーー! これからイラレを始めるという初心者の方向けの超基本操作になりまーーす。 今回は立体的な四角いボックスを描く方法です。 Illustratorのバージョンは関係なく、昔から使われている超原始的で基本中の基本の捜査内容になりますよー。 長方...



-Word Press

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2019 All Rights Reserved.