第10回:パソコンでレイアウトを選ぶとスマホでの見た目はどうなるの?執筆:#fc0(株式会社エフシーゼロ)2016年2月8日更新ツイート閲覧数5,891viewsこのコラムをPDF形式でダウンロードする「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな...」という方大歓迎の相談室です。今回は、「はじめてWEB」でホームページを作成した際、スマートフォンでの見え方について詳しく知りたいという方からのご相談です。今年の夏頃に起業予定で準備をしています。ホームページの作成にもそろそろ取り掛かろうと思っています。第2回のコラムでレイアウトの話がありましたが、ここで質問です。WEBのホームページだと、パソコン用とスマホ用を同時に作れちゃうのですか?レイアウトもそれぞれの画面に合わせて選択できるのですか?よろしくお願いします。(にこさんより)ナビゲーターからの回答こんにちは!はじめてWEBナビゲーターの立花かずみです。起業準備でお忙しい中、おたよりありがとうございます♪にこさん、いいところに目をつけましたね。これからホームページを作るなら、ぜひスマホでの見た目は意識しましょう!近年、スマートフォンでの閲覧率が5割以上になっているホームページも増えています。パソコン用に作ったあとでスマホ対応をしようとすると結構大変なので、最初につくるときに意識するのがベストです☆では、はじめてWEB(Jimdo)でホームページを作る場合、スマホ対応はどうなっているのでしょうか?パッと見ではわかりづらいところなので、じっくり見ていきましょう。Jimdoでは「パソコンでの見た目」でレイアウトを選ぶ2回目の記事でレイアウト(デザイン)の選び方をお話しましたが、ここではずっと「パソコンでの見た目」についてお話をしていました。この理由は、Jimdoでは最初にレイアウトを選ぶ時点ではスマホでのレイアウトの確認ができないからなんです。Jimdoはスマホ向けのレイアウトにもバッチリ対応しています。Jimdoでパソコン用のレイアウトを選ぶと、実はスマホ用のレイアウトもセットでこっそり設定されているんです!スマホ用のレイアウトってどこで見られるの?セットで設定されたスマホ用のレイアウトは、右側の管理メニューから見ることができます。レイアウトの「プレビュー」状態では確認できないので、一度レイアウトを選択して確定させてから「設定」の「スマートフォン表示」をクリックします。すると、なにやらiPhoneの画面のようなものが出てきて、そこにページが表示されているのがわかると思います。これが、選んだレイアウトとセットで設定されたスマホ用のレイアウトなんです。ちなみにこれは「スマホで見たらこんな感じになる」というシミュレーションなので、実際にスマホで見たときとは文字の大きさなどが若干違う場合があります。だいたいこんな感じで見えているんだな、という感じで見てくださいね。Jimdoのスマホ用レイアウトの重要ポイントパソコン用のレイアウトを選んだときにスマホでどう見えるのか事前に確認できないのは結構不便ですよね。そこで、Jimdoのスマホ用レイアウトの重要ポイントをお話します。実はJimdoでは、パソコン用のどのレイアウトを選んでもスマホ用レイアウトはほぼ同じなんです(一部レイアウトに例外があります。