wp_is_mobile()


WordPressの関数wp_is_mobile()は、現在のデバイスがモバイルデバイスかどうかを判定するために使用されます。この関数は引数を取りません。

構文

wp_is_mobile();

この関数は、モバイルデバイス特有のレイアウトや機能を実装する際に便利です。例えば、CSSやJavaScriptを条件付きで読み込む際に利用できます。

例1: モバイル専用メッセージの表示

このコードは、モバイルデバイスでのみ特定のメッセージを表示します。

<?php
if ( wp_is_mobile() ) {
    echo 'このコンテンツはモバイル専用です。';
}
?>

例2: モバイル専用スタイルシートの読み込み

モバイルユーザーに対してのみ特定のCSSファイルを読み込みます。

<?php
if ( wp_is_mobile() ) {
    wp_enqueue_style( 'mobile-style', get_template_directory_uri() . '/css/mobile.css' );
}
?>

例3: デスクトップとモバイルで異なるヘッダーを表示

モバイルデバイス用とデスクトップ用で異なるヘッダーファイルを読み込みます。

<?php
if ( wp_is_mobile() ) {
    get_template_part( 'header', 'mobile' );
} else {
    get_template_part( 'header', 'desktop' );
}
?>

例4: モバイルでのみJavaScriptを読み込む

モバイルデバイスでのみ特定のJavaScriptを追加します。

<?php
if ( wp_is_mobile() ) {
    wp_enqueue_script( 'mobile-script', get_template_directory_uri() . '/js/mobile.js', array(), null, true );
}
?>

例5: ウィジェットエリアの条件付き表示

このコードは、モバイルデバイスでのみ特定のウィジェットエリアを表示します。

<?php
if ( wp_is_mobile() && is_active_sidebar( 'mobile-sidebar' ) ) {
    dynamic_sidebar( 'mobile-sidebar' );
}
?>

注意点

  • wp_is_mobile()は、サーバー側でHTTPヘッダーを解析して判定します。そのため、JavaScriptベースのフロントエンドデバイス検出と結果が異なる場合があります。
  • この関数はモバイル判定に依存する機能にのみ使用し、デバイス全般の完全な特定には向きません。

関連機能：