wordpress

レスポンシブの確認

投稿日:

レスポンシブ確認

 

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

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

『Responsively』

ResponsivelyApp

 

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

ダウンロード

 

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

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

一発で確認

 

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

ぜひおススメです!

 


-wordpress
-


comment

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

関連記事

Google FontがEdgeで表示されない

Google FontsがEdgeで表示されない場合

  <link>で読み込んだのにEdgeで正しく表示されない   <link href=”https://fonts.googleapis.com/css2?fa …

カスタムメニュー

WordPress(ワードプレス)でメニューを分ける

    メニューを追加してみる   WordPress管理メニューにある【外観】→【メニュー】に進むとそれぞれのメニューを登録することができますが、今回はあえてメニューを …

ヘッダー固定

【簡単】wordpress スクロールするとヘッダーが固定される

  ①一番最初に見えるヘッダーをカスタマイズ header.phpファイルに使っているテーマにより若干違いはありますが、下記のようなコードが記述されていると思います。 <div id= …

スマホで予約システム

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

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

div

divを重ねて上下中央

divとdivを重ねてしかも上下中央にしたい!     例えば、指定したサイズに背景画像を配置して、その上にメニューやタイトル、キャッチコピーなどを表示したい。 もちろん、画像ファ …