モバイル・タブレット端末時にヘッダーロゴ画像を非表示にする方法

PR 2019/3/30

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

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

投稿者

投稿
- 2019年3月30日 12:28 PM #61548
  
  yasu
  ゲスト
  
  いつも大変お世話になっております。
  
  モバイル・タブレット端末時にヘッダーロゴ画像（引用：タイトルテキストの代わりとなるロゴ設定します。※表示させるには「ロゴを画像にする」を有効にする必要あり）をCSSのメディアクエリ以外の方法で非表示にする方法を教えていただきたいです。
  
  ・cssで非表示にしたくない理由
  iPad proなどのサイズの大きい端末でもヘッダーロゴ画像を非表示にしたいのですが、メディアクエリを使ってcssで非表示にすると、PCでウィンドウサイズを小さくして閲覧した時にも非表示になってしまうため。
  
  何卒よろしくお願いいたします。
- 2019年3月30日 10:20 PM #61551
  わいひら
  キーマスター
  header.phpの以下のコード部分をwp_is_mobile()関数で条件分岐して、出力を制御すればできるかと思います。
```
              <div class="alignleft top-title-catchphrase">
                <?php get_template_part('header-logo');?>
              </div>
```
投稿者

投稿

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

このトピックに返信するにはログインが必要です。