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

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも モバイル・タブレット端末時にヘッダーロゴ画像を非表示にする方法

1件の返信スレッドを表示中
  • 投稿者
    投稿
    • #61548 返信
      yasu
      ゲスト

      いつも大変お世話になっております。

      モバイル・タブレット端末時にヘッダーロゴ画像(引用:タイトルテキストの代わりとなるロゴ設定します。※表示させるには「ロゴを画像にする」を有効にする必要あり)をCSSのメディアクエリ以外の方法で非表示にする方法を教えていただきたいです。

      ・cssで非表示にしたくない理由
      iPad proなどのサイズの大きい端末でもヘッダーロゴ画像を非表示にしたいのですが、メディアクエリを使ってcssで非表示にすると、PCでウィンドウサイズを小さくして閲覧した時にも非表示になってしまうため。

      何卒よろしくお願いいたします。

    • #61551 返信
      わいひらわいひら
      キーマスター

      header.phpの以下のコード部分をwp_is_mobile()関数で条件分岐して、出力を制御すればできるかと思います。

                    <div class="alignleft top-title-catchphrase">
                      <?php get_template_part('header-logo');?>
                    </div>
1件の返信スレッドを表示中
返信先: モバイル・タブレット端末時にヘッダーロゴ画像を非表示にする方法
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)