レスポンシブサイトなんですがPCとSPでグローバルメニューの内容が違いすぎて困っています。
あまりに違うのでphpで読み込むナビを切り替えちゃおうかとも思ったのですが自社対応は静的コーディングまでで他社に渡すのでphpを入れてしまうのはNGみたいでした。
それで質問なのですがナビを2つ書いてしまってPCとSPで表示・非表示を切り替えてしまうのはありでしょうか。
5年くらい前のレスポンシブサイトで見たことはあるのですが最近はさすがにワンソースじゃないとダメじゃないかと悩んでます。
2つ書く以外にも何か他に良い方法があれば教えていただきたいです。
よろしくお願いいたします。
15 件の回答
余裕でやってるけどなぁ
これってそんなに悩む事なの？
理想はワンソースだろうが、数多のフレームワークが navbar とオフカンバスメニューは別で組むようになってる。
悩む時間がもったいないから二つに分けるかなぁ
基本的にはワンソースでやる
けど、CSSは継承させずに別々のメディアクエリ内で書く
あまりに違うのであれば、２つに分けると思う
よいのでは？
php使えないのは痛いけど
みなさんご回答ありがとうございます。
ECサイトなので2つ書くとすっごく長くなりそうなのもあって悩んでました。
jQueryとか使って位置変やクローンしたりしてむりやりワンソースにしようかとも思ったんですが同時進行の会議でさらにどんどん変更されていきそうなので潔く2つ書くことにしようと思います。
とても参考になりました。ありがとうございました。
一般的なフレームワークに付いているからbootstrap等参考にしてみてはどうでしょう？
長くなるのが気になるなら記述ファイル分けてSSIで読み込むのはどうかな
Re:10
ちょっと何言ってるか分からない
1ソースの方がよいという文脈は、そもそも1ソースで表現できる情報に限定しましょうという意味合いに用いられるべきで、2ソースある情報を無理やり1ソースであるかのように扱うことではないよ。
つまり、今回の場合「PCとSPでグローバルメニューの内容が違いすぎる」ことに問題があるわけで、その根本問題を解決せずに、運用の方で無理やり1ソースであるかのように振る舞っても開発効率が落ちるだけじゃないかと。主さんの担当よりも、もっと上流肯定の問題だね。
これ、めっちゃわかります〜〜〜
レスポンシブって知ってます…？って聞いて回りたくなる。
順番違うくらいならflexboxのorderで何とかしたりするけど、内容がそもそも違うとなるとお手上げですね。
というか、デバイス次第で全然違うメニュー見せられるってこと…？
意見することが可能なら直してもらうか、やるしかないのならば2つに分けるしかないですね。。
> 2つ書く以外にも何か他に良い方法があれば教えていただきたいです。
メディアクエリ＆display:none;一択。
環境次第でSSIインクルード使えれば読み込まれるソース量は同じだけど更新管理はしやすくなるかな。けど必要なさそう＾＾；
PHPがNGってことは、サーバーサイドでゴニョゴニョするの禁止って意味にしか見えないんだけど、SSI勧めてくる人はどういう了見なの？
なんなら、RubyならOKとかって思ってるのかな？
Re:15
質問斜め読みでPHPだけNGっていう風に勝手に解釈してました