wordpress

レスポンシブの確認

投稿日:

レスポンシブ確認

 

レスポンシブに対応したサイトを作って、

PC・ノート・タブレット・スマホなどの確認をしたい時におススメなのが、

『Responsively』

ResponsivelyApp

 

【Download now】から自分が使っているOSを選択してダウンロードします。

ダウンロード

 

ダウンロードしたファイルを実行してインストールします。

実際の画面は↓こんな感じです。

一発で確認

 

使い方はすごく簡単で、確認したい端末などを選択できるようになっています。

ぜひおススメです!

 


-wordpress
-


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ヘッダー画像変える

ヘッダー画像やスライダーをページ毎に変える方法

  WordPressで作成したページで、ヘッダー画像やスライドショーをページごとに変えたい! 今回やってみたことは、条件分岐でヘッダーの画像部分を振り分けるといった方法です。 プラグインな …

スマホで予約システム

スマホで予約システムが無料で作れる

  今流行りの予約システム   以前から、サロン系やフィットネス系のオンライン予約を頼まれたことがあり、何度か作成してきましたが、 今回は、コロナの影響からも言えると思いますが、 …

トグルメニュー

WordPressのメニューをおもしろくしてみた

    トグルメニュー(アコーディオンメニュー)の準備   WordPressのテーマに子テーマを作って、 そこで変更や追加をした方が安心安全なので以下の作業は子テーマを …

画像の下に隙間

背景画像の下に隙間ができる【WordPress】

HOME PAGE1 PAGE2 PAGE3     何が原因なのか?   HTMLでは、下記の様にしています。 <div class="haikei&q …

ポップアップ・ライトボックス風

画像クリックで 違う画像やテキストの入ったBOXを表示させる

  プラグインなしで、別の画像やテキストをlightboxのように表示させる   html   <a class="item-demo"> …