【WordPress】スマホとPCで読み込むjsを分けたい場合
ページの読み込み中にロード画面を表示するようにjqueryを設置したのですが、スマホで見た際に邪魔でした。
スマホで見た際に読み込まないようにする場合、以下のように条件分岐できます。
<?php if(!wp_is_mobile()): ?> //ここにスマホで読み込みたくない<script>を記述 <?php endif; ?>
ちなみに僕の場合はload.jsというファイルをスマホの場合読み込みたくなかったので、
<?php if(!wp_is_mobile()): ?> <script src="<?php echo get_template_directory_uri(); ?>/js/load.js"></script> <?php endif; ?>
としました。
もちろん逆のパターン（PCは読み込まず、スマホの場合のみ読み込む）も可能で、
<?php if(wp_is_mobile()): ?> <script src="<?php echo get_template_directory_uri(); ?>/js/load.js"></script> <?php endif; ?>
とするとスマホのみ読み込まれます。
違いはwp_is_mobileの前の「!」があるかないかだけです。
タグ: WordPress | 2016年1月23日
