こんにちは。慶です。
本日もWEBサイトの製作を進めています。
今日はスマホやモバイル対応をどうするか検討しています。
対応方法として下記の大きく2つの方法で検討しました。
スマホならAのデザインを適用する、タブレットならBのデザインを適用する、
など、アクセス端末ごとに場合分けして該当テーマを適用するやり方です。
アクセス端末の画面の大きさや解像度によって、
一つのWEB画面をBootstrapが動的に調整してくれるやり方です。
どちらも一長一短あるので悩みましたが、
今回は後者のBootstrapによるレスポンシブデザインで進めることにしました。
とりあえずBootstrapをWordPressに適用してみたところ
下記のような感じに。
![](https://stat.ameba.jp/user_images/20160504/20/wanwan-nonno/21/74/p/t02200358_0383062313636946065.png?caw=800)
スタイルシートをうまい具合に記述しないと
思ったように画面を調整してくれません。。。
ここの調整に結構時間がかかりそうです。
本ブログを一読されてご興味のわいた方は読者登録いただけると幸いです!
↓↓↓ぽちっと押下↓↓↓
![](https://stat.ameba.jp/user_images/20160403/22/wanwan-nonno/0a/5f/p/o0511008613610616391.png?caw=800)
本日もWEBサイトの製作を進めています。
今日はスマホやモバイル対応をどうするか検討しています。
対応方法として下記の大きく2つの方法で検討しました。
アクセス端末ごとにWEBデザインのテーマを切り替える
スマホならAのデザインを適用する、タブレットならBのデザインを適用する、
など、アクセス端末ごとに場合分けして該当テーマを適用するやり方です。
Bootstrapを利用してレスポンシブWEBデザイン化する
アクセス端末の画面の大きさや解像度によって、
一つのWEB画面をBootstrapが動的に調整してくれるやり方です。
どちらも一長一短あるので悩みましたが、
今回は後者のBootstrapによるレスポンシブデザインで進めることにしました。
とりあえずBootstrapをWordPressに適用してみたところ
下記のような感じに。
![](https://stat.ameba.jp/user_images/20160504/20/wanwan-nonno/21/74/p/t02200358_0383062313636946065.png?caw=800)
スタイルシートをうまい具合に記述しないと
思ったように画面を調整してくれません。。。
ここの調整に結構時間がかかりそうです。
読者登録はこちら
本ブログを一読されてご興味のわいた方は読者登録いただけると幸いです!
↓↓↓ぽちっと押下↓↓↓
![](https://stat.ameba.jp/user_images/20160403/22/wanwan-nonno/0a/5f/p/o0511008613610616391.png?caw=800)