menu

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

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

使いやすい高品質画像はこちら
>>>>>高品質画像『Shutterstock』 <<<<<
簡単無料無料で使い放題!
>>>>>ベクターデータのイラストなら【イラストAC】<<<<<

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

 

WordPress,プラグイン,掃除,データベース,最適化スッキリ!WordPressを大掃除!データベース最適化を自動でするプラグインWP-Optimizeが使える!

記事代行,外注,業者,ブログ初!ブログの記事代行を頼んでみた!記事外注化の感想や問題点を解説

関連記事

  1. wordpress,記事,効率,アップ,テンプレート

    WordPressおすすめプラグイン!記事編集を時短化、テンプレ…

    WordPressで記事を書く時に超役立つおすすめプラグインを紹介したいと思います。今回ご紹介するプ…

  2. 内部,外部,リンク,ブログカード,リンクカード,プラグイン

    WordPressの内部リンクをキレイに貼るプラグインの使い方!…

    どうにかして内部リンクをキレイに貼ってサイトの回遊率をあげたい!文字だけのリンクなんて味気なくてなん…

  3. 人間,人,サイトマップ,プラグイン,設定

    人用のWPのサイトマッププラグイン!設定と表示されない時の対処・…

    (さらに&hellip;)…

  4. WordPress,プラグイン,掃除,データベース,最適化

    スッキリ!WordPressを大掃除!データベース最適化を自動で…

    少し早いけど、年末ということで、スッキリ!大掃除をしましょうかっ!!WordPressに溜まった自動…

  5. Google Analytics,設定,アナリティクス,トラッキングコード,プラグイン

    コピペで完了!トラッキングコード設定はGoogle Analyt…

    Google Analyticsのトラッキングコードを簡単設定する方法をご紹介します!「UA-」から…

  6. youtube,動画,読み込み,スピードアップ

    WordPressのyoutube埋め込み動画の表示を高速化!レ…

    WordPressの記事でYou Tubeの埋め込み動画の表示が重いのを解決する「Youtube S…

  7. 吹き出し,プラグイン,ワードプレス,会話,チャット

    Line風の吹き出しトークができる超おすすめWPプラグインSpe…

    インタビューをしているような記事を書く時に吹き出しでトークを表現できるWordPressのプラグイン…

  8. ワードプレス,wordpress,wp,プラグイン,Milliard

    WordPressプラグインのMilliardが超便利!関連記事…

    ワードプレスの関連記事を表示してくれるプラグインといえば???WordPressRelatedPos…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


人物の無料イラストはこちらから

デザイナーさんの制作時間短縮!姉妹サイト 無料イラスト「イラストパーツラボ」はこちら!

デザイナーさんの制作時間短縮!姉妹サイト 無料イラスト「イラストパーツラボ」はこちら!

Google+でつながる!

PAGE TOP
error: Content is protected !!
%d人のブロガーが「いいね」をつけました。