Q.スマホのみバナーを非表示にしたい
PCサイトでは、バナーを表示してスマホサイトではバナーを非表示にする方法はありますか？
A.下記のファイルをご編集ください
非表示する部分をif(!is_mobile()){・・・}で囲むとスマホでは非表示になります。
スライダー下のバナーの場合（下記の赤枠部分）
編集するファイル：header.php
編集する箇所：
変更前
<?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> |
</div><!-- END #index_banner --> |
↓
変更後
<?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> |
</div><!-- END #index_banner --> |
A.下記のファイルをご編集ください
非表示する部分をif(!is_mobile()){・・・}で囲むとスマホでは非表示になります。
トップページ中央のバナーの場合（下記の赤枠部分）
編集するファイル： index.php
編集する箇所：
変更前
<?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 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> |
