Функция wp_is_mobile() в WordPress

Функция wp_is_mobile() используется для определения, просматривает ли пользователь сайт с мобильного устройства. Эта функция возвращает true, если пользователь использует мобильное устройство, и false в противном случае. Она может быть полезной для адаптивного отображения контента или применения специальных стилей для мобильных пользователей.

bool wp_is_mobile()

Параметры:

Эта функция не принимает параметров.

Возвращаемое значение:

• (bool): Возвращает true, если пользователь использует мобильное устройство, и false в противном случае.

Описание:

Эта функция проверяет, зашел ли пользователь на сайт через браузер с мобильного устройства, такого как iPhone, iPad, смартфон на базе Android, Opera Mini и другие. Для этого она использует глобальную переменную $_SERVER['HTTP_USER_AGENT'].

Функция wp_is_mobile() анализирует строку агента пользователя, определяя, является ли устройство мобильным. Она не учитывает ширину окна браузера, разрешение экрана или другие факторы.

Функция возвращает true, если сайт посещается с одного из следующих устройств:

• Мобильные устройства, включая iPhone и iPad.
• Устройства на платформе Android.
• Браузер Amazon Silk.
• Читалки Kindle.
• Смартфоны на BlackBerry.
• Браузеры Opera Mini и Mobile.

Во всех остальных случаях функция возвращает false.

Пример 1:Условное отображение контента для мобильных пользователей

Этот пример демонстрирует, как использовать wp_is_mobile() для отображения определенного контента только для пользователей мобильных устройств.

if ( wp_is_mobile() ) {
    echo '<p>Добро пожаловать, мобильный пользователь!</p>';
} else {
    echo '<p>Добро пожаловать, пользователь настольного компьютера!</p>';
}

Пример 2: Применение различных стилей для мобильных пользователей

Этот пример показывает, как использовать wp_is_mobile() для применения различных стилей на основе устройства пользователя.

if ( wp_is_mobile() ) {
    echo '<link rel="stylesheet" href="' . get_template_directory_uri() . '/mobile.css" type="text/css" media="all" />';
} else {
    echo '<link rel="stylesheet" href="' . get_template_directory_uri() . '/desktop.css" type="text/css" media="all" />';
}

Пример 3: Перенаправление мобильных пользователей на мобильную версию сайта

Этот пример демонстрирует, как можно перенаправлять пользователей мобильных устройств на специальную мобильную версию сайта.

function redirect_mobile_users() {
    if ( wp_is_mobile() && ! is_admin() ) {
        wp_redirect( 'https://m.example.com' );
        exit;
    }
}
add_action( 'template_redirect', 'redirect_mobile_users' );

Пример 4: Условное подключение скриптов

Этот пример показывает, как подключать разные скрипты для мобильных и настольных пользователей.

function enqueue_custom_scripts() {
    if ( wp_is_mobile() ) {
        wp_enqueue_script( 'mobile-script', get_template_directory_uri() . '/js/mobile.js', array(), null, true );
    } else {
        wp_enqueue_script( 'desktop-script', get_template_directory_uri() . '/js/desktop.js', array(), null, true );
    }
}
add_action( 'wp_enqueue_scripts', 'enqueue_custom_scripts' );

Заключение

Функция wp_is_mobile() является полезным инструментом для определения типа устройства пользователя и условного отображения контента или применения стилей. Она помогает улучшить пользовательский опыт на мобильных устройствах и позволяет адаптировать сайт под различные устройства.