WordPressテーマTCDのカスタマイズを研究するサイト

スマホサイトでトップページスライダーを非表示にする方法

Q.スマホサイトではトップスライダーを表示しないようにするには?

スマートフォンではデータ受信量の都合上、サイト表示が遅くなる可能性があります。そこでスマホサイト表示でのみトップページスライダーを非表示にしたいのですが、方法はありますか。

A.下記のファイルをご編集ください

スライダーを表示する部分をif(!is_mobile()){・・・}で囲むとスマホでは非表示になります。

preciousの場合
編集するファイル:header.php
編集する箇所:
変更前

<?php if($options['index_main_image1']) { ?>
<?php if (!empty($options['index_main_image1'])) { ?><img id="slider_base" src="<?php esc_attr_e( $options['index_main_image1'] ); ?>" alt="" /><?php }; ?>
   <div id="slider">
    <?php for($i = 1; $i <= 5; $i++): ?>
    <?php if (!empty($options['index_main_image'.$i])) { ?><img src="<?php esc_attr_e( $options['index_main_image'.$i] ); ?>" alt="" /><?php }; ?>
    <?php endfor; ?>
   </div>
<?php }; ?>


変更後

 <?php if($options['index_main_image1']) { ?>
<?php if(!is_mobile()){ ?>
  <?php if (!empty($options['index_main_image1'])) { ?><img id="slider_base" src="<?php esc_attr_e( $options['index_main_image1'] ); ?>" alt="" /><?php }; ?>
  <div id="slider">
   <?php for($i = 1; $i <= 5; $i++): ?>
   <?php if (!empty($options['index_main_image'.$i])) { ?><img src="<?php esc_attr_e( $options['index_main_image'.$i] ); ?>" alt="" /><?php }; ?>
   <?php endfor; ?>
  </div>
<?php }; ?>
  <?php }; ?>

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。