これは、(できれば) 簡単に答えられる質問かもしれません。これが CSS の問題なのか、通常の PHP プログラミングの問題なのか (PHP プログラミングについてはほとんど知らない) わからないため、質問を投稿するのに適切な場所であるかどうかはわかりません。
ブログが表示されるプラットフォーム (Web、iPad、iPhone) に応じて 3 つの異なるスタイルシートを使用するワードプレス ブログがあります。
最近、iframe でブログを開く Facebook ページにタブを作成しましたが、Facebook タブの最大幅 (810 ピクセル) に対して幅が広すぎる Web スタイル (デフォルト) スタイルシートが開きます。ただし、iPad 対応のスタイルシートは、そこでは問題なく機能します。Facebook の外部から自分の Web に入るときに、通常の Web スタイルのビューを表示したいので、デフォルトのスタイルシートとして ipad スタイルシートに切り替えるオプションはありません。
Facebook タブからパラメータを渡す方法はありますか: http://www.myblog.com/?style=facebookなど、Facebook タブ内に表示されるサイトが正しいスタイルシートを使用するようにするにはどうすればよいですか? もっと多くの人がこの問題を抱えていると思いますが、何を探すべきか本当にわからないまま、何時間もインターネットを探し回っています. 誰かが CSS セレクターについて話しましたが、私はそれらがどのように機能するか、またはソリューションにそれらを実装する方法についての手がかりがありません。
これは、スタイルシートを扱う header.php のコードです。
<!-- Theme Styles -->
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css" type="text/css" media="screen" />
<?php $disable_theme_features = of_get_option( 'disable_theme_features' ); if ($disable_theme_features['4'] == '0') { ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style-ipad.css" type="text/css" media="screen" />
<?php } if ($disable_theme_features['3'] == '0') { ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style-iphone.css" type="text/css" media="screen" />
<?php } ?>
テンプレートの完全な作り直しに頼らずにこれを実現する方法はありますか? どんな助けでも大歓迎です!! これが初心者の質問である場合は、もう一度申し訳ありません。それは、私がPHPの初心者だからです。
再度、感謝します！