【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の前の「!」があるかないかだけです。

« »