Как загрузить конкретный Slider Revolution только для мобильных устройств?
Я знаю что есть отзывчивый особенность для Революция-слайдер, но, к сожалению, он по-прежнему загружает все мобильные ресурсы на рабочий стол и наоборот, увеличивая время загрузки страницы.
Поэтому я бы предпочел иметь 2 разных слайдера, по одному на устройство.
Каково лучшее решение для этого?
Решение
Это зависит от того, как вы устанавливаете revslider на ваших страницах.
Я думаю, что лучший способ достичь того, чего вы действительно хотите (нуждаетесь), это использовать php с условными правилами:
1) В ваших шаблонах с условно на основе мобильного обнаружения. Таким образом, вы избежите загрузки 2 revslider в то же время.
Вы могли бы использовать wp_is_mobile() условная функция wordpress для этой цели:
<?php
if ( !wp_is_mobile() ) {
echo do_shortcode('[rev_slider alias="my_desktop_slider"]');
}
else
{
// mobile devices
echo do_shortcode('[rev_slider alias="my_mobile_slider"]');
}
?>
2) В пользовательском шорткоде с условным условием:
if( !function_exists('rev_slider_detection') ) {
function rev_slider_detection( $atts ) {
extract(shortcode_atts(array(
'alias' => '' // the alias name of your desktop rev-slider
), $atts));
$output = '[rev_slider alias="';
if ( !wp_is_mobile() ) {
// For desktop only
$output .= $alias . '"]';
} else {
// For mobile only
$output .= $alias . '_mob"]';
}
return $output;
// or (because untested)
// return do_shortcode('" . $output . "');
}
add_shortcode('my_rev', 'rev_slider_detection');
}
Вы будете использовать это так: [my_rev alias="my_revslider_alias_slug"] и вам понадобится 2 экземпляра слайдера rev, первый для рабочего стола с псевдонимом ( home например) и второй для мобильного с таким же псевдонимом + «_Mob» ( home_mob например).
Ссылка:
Вы также можете разработать более точный скрипт для обнаружения планшетов и телефонов, а затем использовать его в качестве условия для разных типов устройств.
Другие решения
Других решений пока нет …