Q&A
前提・実現したいこと
WordPressで作成したサイト（レスポンシブ非対応、PC版レイアウトのみ）を
レスポンシブ対応に変更することになりました。
メディアクエリで切り替えます。（既に作業進行中）
ただし、特定のページのみレスポンシブの対象外として
PC版レイアウトで表示したいのです。
●特定のページは
・30ページほどで今後も増えていく（WordPress固定ページ）
・特定ディレクトリ下（特定の固定ページの子ページ）
・現状<head>部分は基本的にサイト共通（対象外ページのみ<meta>タグ等の変更は可能）
・共通のtaxonomy使用
・bodyタグに共通class指定
・コンテンツ部分にはページごとにふってあるID指定があり正規表現で絞り込み指定は可能
●cssファイルは
・すべて1ファイルで作成し
・WordPress関係なく外部ファイルとして読み込み
以上の条件で、どういう方法が可能かお教え願います。
発生している問題
現状、ヘッダー、フッター、サイドナビ等、すべて全ページで共通のため
対象外にしたい特定のページ群も
スマホ版レイアウトで表示されてしまいます。
プラグインで対応する方法
スマホで一部のページだけをPC表示させたい場合に使うプラグイン
MultiDeviceSwitcher
https://bge.jp/multideviceswitcher-page-pcview/
というのが見つかりましたが
このプラグインでは、PC用とスマホ用のthemeを2種類作成するのが前提なので
メンテナンス性を考慮するとあまり使いたくありません。
検討している方法
①共通レイアウト情報用 PC版css
②共通レイアウト情報用 スマホ版css
③コンテンツ用css
にcssファイルを切り分けて
・レスポンシブページ→ ①②③読み込み
・非レスポンシブページ→ ①③読み込み
とする方法を考えています。
もっとシンプルに、WordPressのテンプレートをあまり複雑にせずに
（WordPressに依存しなくても可能な方法があれば理想です）
対処する方法があればお教えください。
以上
よろしくお願いします。
回答1件
0
ベストアンサー
ヘッダでviewportを出力しなければPC互換表示になりませんか？
【条件分岐タグ - WordPress Codex 日本語版】
https://wpdocs.osdn.jp/%E6%9D%A1%E4%BB%B6%E5%88%86%E5%B2%90%E3%82%BF%E3%82%B0#.E5.80.8B.E5.88.A5.E6.8A.95.E7.A8.BF.E3.83.9A.E3.83.BC.E3.82.B8
投稿2020/03/19 06:56
総合スコア69608
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/03/19 07:41