Мобильная версия сайта — Как реализовать такую последовательность в Wordpress?

Question

[Руслан Макаров]

Всем привет.
Цель - создание мобильной версии сайта по такой схеме (На Wordpress):
- Есть основная тема, заливаем вторую (мобильную)
- Определяем, если посетитель заходит с мобильного устройства
- Спрашиваем его, хочет ли он перейти на мобильную версию или нет (как тут softportal.com), тем самым даем ему выбор.
- Если да - грузим сайт на второй теме (мобильной), и показываем ссылку на полную версию, давая ему возможность зайти на нее при желании.
- Если нет - открываем сайт как обычно.

Это самый идеальный вариант, по "подгону" сайта для мобил! Так как:
- Ни какого поддомена
- Ни какой адаптации основного дизайна
- 1 сайт, 1 база, 2 темы = 2 версии, выбирай нужную!

Но это в теории! Реально ли сделать на практике, соблюдая некоторые условия:
- Без плагина
- Чтобы работал, не только на главной, а на всех страницах.

Повторюсь - это теория, на практике это возможно?

Answer 1

[Alex]

На фирме решали подобную задачу. Все вполне реализуемо.
Не пишите всякий бред про плагины!
В данном случае без плагина не обойтись. Потому что тему нужно менять "на лету" поэтому в админке вы сможете настроить только основную тему, все сайдбары и настройки мобильной нужно реализовывать через плагин (это моно считать единственным костылем).
На всю работу с версткой мобильной версии у нас ушло около 40-ка часов

Comments

[Руслан Макаров]

Оба шаблона готовы (выше в сообщении есть), нужно их только "склееть"

[Alex]

Вот два хука для подмены шаблона. Там можно обойтись и одним, но у нас мобильная тема была дочерней поэтому немного сложнее, хотя для обычной оно тоже будет работать.
Функцию mobile_device_detect() можно подобрать на свой вкус, в гугле можно легко найти.

<?php
/**
 * Функцилнал реализующий подмену шаблона
 */
add_filter( 'stylesheet', 'wpc_swithc_theme' );
add_filter( 'template',   'wpc_swithc_theme_themp' );

function wpc_swithc_theme($current_theme){
  $mobi_theme = get_option('wpc_mobile_theme','');

  $res=$current_theme;

  if($mobi_theme=='')
    return $current_theme;

  $mobile = mobile_device_detect();

  switch ($_COOKIE['wpc_cookie']){
    case 'wpc-full':
      $res=$current_theme;
      break;
    case 'wpc-mobi':
      if(!is_admin()){
        $res=$mobi_theme;
      }
      break;
    case NULL:
      if(!is_admin()&&$mobile){
        $res=$mobi_theme;
      }
      break;
  }
  return $res;
}

function wpc_swithc_theme_themp($current_theme){

  $mobi_theme = get_option('wpc_mobile_theme','');

  $res=$current_theme;

  if($mobi_theme=='')
    return $current_theme;

  $mobile = mobile_device_detect();

  switch ($_COOKIE['wpc_cookie']){
    case 'wpc-full':
      $res=$current_theme;
      break;
    case 'wpc-mobi':
      if(!is_admin()){
        $theme=wp_get_theme($mobi_theme);
        $res=$theme->template;
      }
      break;
    case NULL:
      if(!is_admin()&&$mobile){
        $theme=wp_get_theme($mobi_theme);
        $res=$theme->template;
      }
      break;
  }
  return $res;

}
?>

[Руслан Макаров]

Спасибо! Потестирую. Сильно нагрузки прибавится?

[Alex]

сайт был с посещалкой около 7тищ, но он был на своем серваке. Так что не жаловались. Хотя потом мы все же им сделали один адаптивный шаблон. Просто условие было минимум и никаких темовых фреймворков, в основном туго думают они :) вот что получилось в результате www.beautyinsider.ru

[Евгений Перин]

facepook: я там в другой ветке комментария подписал, что определить мобильный можно встроенной функцией is_mobile(), хотя может сторонние решения лучше определяют

[Alex]

Евгений Перин: Я уже не помню почему она нам не подошла. Можите погуглить по фильтрам 'stylesheet' и 'template' там есть примеры и попроще. Есть пара подобных плагинов, но они хотят свои темы, там можно посмотреть как эта часть реализована.

[Игорь Воротнёв]

Евгений Перин: когда функция is_mobile доступна в цикле жизни страницы, переключать на лету тему уже поздно, поэтому она не подходит. С другой стороны, не обязательно менять целиком тему, я бы менял только шаблоны. Основные контейнеры в десктоп и мобильной версии одинаковы, а дальше можно с помощью get_template_part, get_header('custom_header'), get_footer('custom footer') и подобных функций подгружать конкретно нужные вещи.

[Alex]

Игорь Воротнёв: В принципе тоже вариант.

[Руслан Макаров]

Игорь Воротнёв: здравая идея, спасибо. Потестирую и такой вариант

[Руслан Макаров]

Alex: более того, у меня на сайте и так 3 шаблона для разных типов записей, поэтому опыт уже имеется, осталось прикрутить определение устройства

Answer 2

[Сергей Шилов]

Абсолютно не понимаю смысла в этом. А как вы будете подробно изучать траффик с мобильных устройств? Если нужен быдло способ (а у вас быдло способ), то при определении юзер агента, удаляйте из файл с адаптивным каскадом))))))

Comments

[Руслан Макаров]

Основной - не адаптирован для мобильных. Второй - как раз мобильный. Покажи каждому, то что он хочет - в чем быдло?

[Руслан Макаров]

Конечно спасибо за внимание, но я просил не совета, я спросил возможно ли это реализовать?

[Сергей Шилов]

Да возможно, конечно, при большом желании, но что-то мне подсказывает, что придется костыли писать, тк в стандартном функционале WP это явно не предусмотрено

[Руслан Макаров]

Костыли?

[Сергей Шилов]

facepook: нестандартные решения

[Руслан Макаров]

Сергей Шилов: спасибо!

[Руслан Макаров]

Сергей Шилов: щас именно мой случай расскажу...

[Евгений Перин]

для определения того, что юзер зашел с мобильного, у wp есть функция, is_mobile(). То есть делаем проверку if(is_mobile()){...}, а вот как показать другую тему не знаю. Почитаю тут варианты тоже

Answer 3

[Виталий Б]

проще воспользоваться wptouch. либо подключайте разные css по user-agent