子テーマにてレスポンシブを無効化したい

PR 2016/3/20

このトピックには2件の返信、2人の参加者があり、最後にわいひらにより10年、 6ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2016年3月20日 8:23 PM #37770
  
  nero
  ゲスト
  
  お世話になります。
  
  当方、WpTouchのプラグインを利用しています。
  最新版のSimplicity(2.1)においてPC表示のみを行いたいたいのですが、
  どうのような設定の仕方が一番オススメでしょうか？
  
  （希望はこちらのトピックの方と同じです。）
  
  子テーマにてレスポンシブデザインを無効化できればなと思ったのですが、親テーマの影響を受けてしまいなかなか上手く設定できません。
  
  親テーマをいじらないと難しいでしょうか？
  
  よろしくお願いいたします。
- 2016年3月21日 11:26 AM #37790
  
  Hidekichi
  ゲスト
  
  > レスポンシブデザインを無効化
  
  これはレスポンシブ部分を無効化するということで、レスポンシブ以外は有効にするということでしょうか？
  それとも、完全にモバイル時にはcssを別物にするということでしょうか？
  
  WpTouchがどのような機能なのかは知らないんですけれども、独自のcssを当てるのでモバイル時にcssを読み込まないという事であれば以前のSimplicityとは違いscript.phpで管理されている2系なら、モバイル判定をしてcss全体を読み込まないような感じにはできると思うんです。
  
  ただレスポンシブ部分だけ不要となると、responsive-pc.css(とresponsive.css)とmobile.cssを読み込まないようにして…と言うだけでいけるかどうかは不明です。
  
  一旦WpTouchを適用させている状態で、何が邪魔なのか(どのファイルが不要か)を調べて、それを無効にする方法を探ったほうが良いように思うんですけれども、どうでしょうか？
  
  WpTouchってスマホ対応していないサイトをさせるためのプラグインだったと思います。Simplicityはスマホで表示できるようになっているので、このプラグインを使用する目的がわからないのですが、デザイン的な問題なら子テーマだけで解決できると思います。
  何かしらのファイルを読み込ませないような設定になると単純にcssを書いてだけではなく、子テーマfunctions.php等にcssの読み込みをフックしているものを解除して読み込ませないというような仕組みを作る必要が出てくるかと思います。
  
  例えばの例として、画面サイズ780px以下の時に、#body-inが100%にならないようにしたいとか、具体的な事例があると何をどうすれば良いというような解答ができるんですが、レスポンシブになっているとどういう問題があるのかがちょっとわかりにくいかなと思います。これは現状どうなっているかが質問の内容では想像できないということなんです。
  
  サイトアドレスを公開してもらって、どういう時にどうなっているので、それを解除したい等の仕様を説明してもらう方が良いですかね。
- 2016年3月21日 3:06 PM #37801
  わいひら
  キーマスター
  子テーマのfunctions.phpに以下のようなコードを記述すればいけるかと思います。
```
function cancel_mobile_styles() {
  wp_dequeue_style('responsive-mode-style');
  wp_dequeue_style('responsive-style');
  wp_dequeue_style('mobile-style');
  wp_dequeue_style('narrow-style');
}
add_action( 'wp_enqueue_scripts', 'cancel_mobile_styles' );
```
  足りないファイルなどがあれば、lib/script.phpを見ながらwp_dequeue_styleを追加してください。
  それでも、思い通りにならないスタイルなどがあれば、style.cssに調整するためのCSSを書いてください。
  
  僕も、WpTouchは、ほとんど使用したことがないのですが、確かWpTouchってテーマとか関係なく強制的にモバイル表示にされませんでしたっけ？
投稿者

投稿