Можно ли выводить определенный контент проверяя разрешение дисплея?

#javascript #jquery #ajax #wordpress

Добрый день. 

Недавно купил шаблон на themeforest он собака тяжелый до ужаса, главная страница
при загрузке выдает около 500 запросов к бд, попытаюсь объяснить что там к чему и что
я хочу сделать. 

Значит главная работает с visual composer, в нем созданы кастомные модули, те я открыл
главную добавил ряд потом колонку и туда воткнул модуль с нужной категорией, но есть
одно но, для десктопа меня все утраивает, но для мобильной версии вывод этой категории
мне абсолютно не подходит как с визуальной стороны так и с логической, визуал я бы
сделал медиа запросами подогнал бы, но логику нет. 

Я бы мог воткнуть еще один модуль с уже готовой мне логикой и стилями, скрыть его
для дестопа а для мобильной версии ставить в display block, но если я так сделаю я
по умолчанию еще больше буду нагружать главную страницу так как модуль будет грузиться
не один а два, собственно вопрос: Можно ли как-то проверять разрешение экрана и если
оно меньше чем допустим 600 пикселей подгружать новый модуль, вероятно ка-то можно
отдавать мобильному пользователю другую главную страницу с другой логикой.
    

Ответы

Ответ 1

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

function mobile_home_redirect(){
    if( wp_is_mobile() && is_front_page() ){
         include( get_template_directory() . '/home-mobile.php' );
         exit;
   }
}

add_action( 'template_redirect', 'mobile_home_redirect' );