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

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

WordPressにyoutube動画簡単埋め込み方法!レスポンシブ対応で高速化... WordPressの記事でYou Tubeの埋め込み動画の表示が重いのを解決する「Youtube SpeedLoad」 !! 素晴らしいプラグインです! しかもブログ記事のYoutube動画表示が高速化されるだけでなくレスポンシブにも対応していて、インストールするだけ!! 設定は1つチェック...
クリスマスプレゼント無料イラスト!高品質フリー素材コレクション!... クリスマスプレゼントの無料イラストコレクション!! 高品質なプレゼントのフリー素材を集めてみましたよ〜!! aiやepsのベクターデータなのでイラストレーターで編集可能です! イベントや記念日のアクセントや挿絵で、なにかとプレゼントのイラストって使いますからね! 持っていても損はないです...
イラレでキラキラ グリッターエフェクト文字の作り方チュートリアル... イラストレーターでキラキラした感じのグリッター風のエフェクトを文字にかける方法をご紹介! そんなのPhotoshopで作っちゃえばいいじゃん! はい。確かにそうですよね。 でもきらきらしたグリッター風のエフェクトってイラストレーターでもけっこう作れちゃうんですよ。 イラレに貼り付けたPSD...
保存版!illustratorのマジ現場で便利なテクニック&エフェクト集7選... イラストレーターのすぐ使えるテクニック7選!! 制作現場で「このタイトルをもっと見栄えをよくしたい、背景にこういうのがあればもっとアピールしたいメッセージが引き立つのになー」って時に役立つチュートリアルをまとめてみました。 完成形だけをみるのではなく、途中のレイヤーやアピアランスの使い方にも注...
MacでもOK!Chrome拡張機能で画面をスクロールキャプチャできる!... Macでの画面キャプチャソフトといえば「Skitch」!! WordPressを使うブロガーさんにとっては重宝するとっても使い勝手のいいフリーソフト。 でも最新のSkitchでは画面のスクロールキャプチャができないーー!! 安心ください!! スクロールキャプチャできます!! でもSki...
WordPressの不要なサムネイルを削除、最適サイズに一括変換プラグイン... ワードプレスでブログを書いていると、バックアップをしますよね?? でも、なぜか昨日、自動バックアップしていたはずなのにされてない! なぜ???ん? 「空き容量が無いからバックアップできなかったよ〜」的なエラーメッセージが…。 どういうこと?って思い、画像のデータ容量を確認してみると1.3...
商用可能で高解像度の自然写真が無料!著作権フリーの風景素材サイト集... 無料の自然写真ってそんなに解像度もよくないし、構図なんかもダメっぽいイメージですよね。 いいえ!! そんなことはありません。 フリー素材の自然・風景画像でも高解像度のハイクオリティーなのがあるんです! 今回ご紹介するのは、高解像度画像の自然・風景・四季の景色・植物などがダウンロードできるフ...

スポンサーリンク



-Word Press

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.