Функция 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() является полезным инструментом для определения типа устройства пользователя и условного отображения контента или применения стилей. Она помогает улучшить пользовательский опыт на мобильных устройствах и позволяет адаптировать сайт под различные устройства.