スマホに対応したページの作成

Question

ネットでフリーのwebテンプレートを入手してそれでサイトを作成しました。
しかし、現在はスマホが普及しているためスマホに対応したページも作成したいなと考えています。
テンプレートは以下
http://www.coolwebwindow.com/temp/source/public/pub009/src/
パソコンのページを編集すると自動的にスマホのページにも反映されるにはどうすれば良いでしょうか？
スマホとパソコン用でCSSを変えれば変わるでしょうか？
まず、手法がよくわかりません。
また、上記のテンプレートではメニューが左にあります。
そのメニューをプルダウン？にしてページをごちゃごちゃさせない様にしたいです。
現在のページをそのままにしてスマホページを作成する事はできますか？

Answer 1

スマホでどう表示させたいのか？
テンプレートをただダウンロードしてきただけだとそれが頭に浮かばないことないですか？

もちろんおっしゃるようにPCとスマホでHTMLは共通で、CSSだけ分けて表示させることもできますが、それはPCとスマホでどう表示が変化するのかを決めてるからできることです。

このPCテンプレートで言えば、メニューの部分とかをスマホではどうやって表示させたいのか？
それを示さないまま質問すると「丸投げだ！」って言う返信が来るってことです。

質問者さんのHTMLやCSSの理解度がわからないですし、多分こういう質問をしてくるってことでしたら、Wordpressのレスポンシブ対応のテーマとかでまるごと作りなおしたほうがよいかもしれません。

Comments

[sstaishou]

回答ありがとうございます。
javascriptで端末を判別してCSSの読み込みを変える事ができました。
質問の内容がわるかったことに謝罪申し上げます。