Q.スマホのみバナーを非表示にしたい
PCサイトでは、バナーを表示してスマホサイトではバナーを非表示にする方法はありますか?
A.下記のファイルをご編集ください
非表示する部分をif(!is_mobile()){・・・}で囲むとスマホでは非表示になります。
スライダー下のバナーの場合(下記の赤枠部分)
編集するファイル:header.php
編集する箇所:
変更前
<div id="index_banner"> <ol class="clearfix"> <?php for($i = 1; $i <= 3; $i++): ?> <?php if (!empty($options['index_banner_image'.$i])) { ?> <li class="num<?php echo $i; ?>"> <a class="image" href="<?php echo ($options['index_banner_url'.$i]); ?>"<?php if ($options['index_banner_target'.$i]){ echo ' target="_blank"'; }; ?>><img src="<?php esc_attr_e( $options['index_banner_image'.$i] ); ?>" alt="" /></a> </li> <?php }; ?> <?php endfor; ?> </ol> </div><!-- END #index_banner -->
↓
変更後
<div id="index_banner"> <ol class="clearfix"> <?php for($i = 1; $i <= 3; $i++): ?> <?php if(!is_mobile()){?> <?php if (!empty($options['index_banner_image'.$i])) { ?> <li class="num<?php echo $i; ?>"> <a class="image" href="<?php echo ($options['index_banner_url'.$i]); ?>"<?php if ($options['index_banner_target'.$i]){ echo ' target="_blank"'; }; ?>><img src="<?php esc_attr_e( $options['index_banner_image'.$i] ); ?>" alt="" /></a> </li> <?php }; ?> <?php }; ?> <?php endfor; ?> </ol> </div><!-- END #index_banner -->
A.下記のファイルをご編集ください
非表示する部分をif(!is_mobile()){・・・}で囲むとスマホでは非表示になります。
トップページ中央のバナーの場合(下記の赤枠部分)
編集するファイル: index.php
編集する箇所:
変更前
<!-- center banner --> <?php if (!empty($options['index_center_banner_image'])) { ?> <a id="index_center_banner" href="<?php echo $options['index_center_banner_url']; ?>"<?php if ($options['index_center_banner_target']){ echo ' target="_blank"'; }; ?>><img src="<?php esc_attr_e( $options['index_center_banner_image'] ); ?>" alt="" /></a> <?php }; ?>
↓
変更後
<!-- center banner --> <?php if(!is_mobile()){ ?> <?php if (!empty($options['index_center_banner_image'])) { ?> <a id="index_center_banner" href="<?php echo $options['index_center_banner_url']; ?>"<?php if ($options['index_center_banner_target']){ echo ' target="_blank"'; }; ?>><img src="<?php esc_attr_e( $options['index_center_banner_image'] ); ?>" alt="" /></a> <?php }; ?> <?php }; ?>
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!