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

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

このトピックには1件の返信が含まれ、2人の参加者がいます。3 週間、 2 日前わいひら わいひら さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #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>
返信先: モバイル・タブレット端末時にヘッダーロゴ画像を非表示にする方法
あなたの情報:




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