お世話になります。
いろいろ記事を探したのですが方法が見つからなかったのでこちらで質問させてください。
現在、とあるウェブサイトの制作をしている見習いコーダーです。
制作しているのはワードプレスの有料テンプレートで作ったウェブサイトのリニューアルと、スマホ対応という案件なのですが、このテンプレートはPC表示用の2カラムでスマホには対応していません。
このウェブサイトをスマホに対応させる場合、
- 現在のソースをmedia queryでレスポンシブ化させる
- .htacsessで振り分ける
くらいしか思いつかなかったので、.htacsessで振り分け、スマホ表示用のコーディングを新たにする選択をしました。
しかし、クライアントから
<?php if(is_mobile()){ ?>
<?php } else{ ?>
<?php }; ?>
これを使って表示を切り替えればCSSの書き換えは必要ない、作業量は少くて済むと言われました。
私はワードプレスの仕様にあまり詳しくないのですが、このコードで切り替えるにしても、結局スマホ用のCSSなりを作成する必要がありますよね?しかもソースが膨大に長くなりませんか?
この方法でPC表示用のCSSのまま、右にフロートしたサイドメニューがメインコンテンツの下に来て、bodyがW100%になるとは思えないのですが、もしかしてプログラムを書けと言われているのでしょうか?単なる私の勉強不足ですか?
私にはこのコードでウェブサイトをスマホに対応させるやり方がわかりません。
わかる方がいらっしゃいましたら教えていただけませんか。
みんなの回答 4 件
wordpress側でhtmlのソースがPC用かスマホ用かに分かれるだけです。CSSはそれぞれPCとスマホ両方が必要です。
Elseの前がモバイル表示
下がパソコン表示。
それぞれのcssが必要。
リニューアル案件なら、はじめからレスポンシブデザインのテーマにすればいいんじゃないの?
「それは分岐してるだけなんで単純にページ数が倍になります。」
って電卓叩いて倍のページ数の概算見積その場で出せばいい。
関連するトピックス