Переход между версиями сайта для различных устройств

+38
4.79K
Здравствуйте!
Предлагаемая услуга поможет решить некоторые проблемы при создании различных версий вашего сайта (для компьютеров, планшетов и телефонов).
Иллюстрация

Надеюсь, вы уже познакомились с функционалом версий системы 2.5-х. Одна из новинок — возможность выводить разные шаблоны для различных устройств. На мой взгляд, очень хорошее дело: даёт возможность простой настройкой одного и того же шаблона манипулировать выводом информации. Естественно, всё можно решить и внутри одного шаблона (самой простой пример: вывод разных пресетов изображений). Возможно, это оптимальный вариант при текущем положении дел с мобильными устройствами. На мой взгляд, он более затратен как по времени так и финансово.

Если вы решите идти путём разных версий, то неминуемо встретитесь с двумя очевидными проблемами:
1. неправильное определение устройства; чаще всего — это не распознанные планшеты, которым будет отдан вариант для телефонов
2. невозможностью пользователем самостоятельно изменить вариант просмотра сайта

Что предлагается?
Предлагается услуга по доработке вашего шаблона для решения вышеуказанных проблем.
На выходе вы получите возможность убедиться что отдаёте пользователю нужную версию и предоставите ему возможность в любой момент изменить вариант просмотра.

Как будет выглядеть результат?
В настройках шаблона появятся опции:
Иллюстрация
Если вы активируете опцию "Выводить всплывающее окно для подверждения определения устройства", при первом входе на сайт будет выведено вот такое окошко:
Иллюстрация
Если будет разрешено переключение между форматами, на сайте появится кнопоча:
Иллюстрация
при клике на которую пользователь увидит:
Иллюстрация
Для каждой версии обе опции могут быть настроены различно.

Пример работы можно посмотреть здесь (с позволения автора, препарировался шаблон tseso).
На демке обе опции активированы на всех версиях.

Если посчитаете нужным иметь такое дело у себя на сайте, пишите в личку или на vsicvua равлик-павлик ukr.net.
Спасибо!
Мира вам!
0
kirkr kirkr 7 лет назад #
Идея хорошая и удобная, может в релиз её примут?:)
0
KoRn KoRn 7 лет назад #
для 1 ветки, даже готов купить)
0
YMaverik YMaverik 7 лет назад #
для 1.10.4 нужно такое срочно)
0
Денис Васильевич Денис Васильевич 7 лет назад #
Ну во ведь, полезная плюшка!. А то ведь помниться как то ты говорил, мол "пристрастие к плюшкам и сушкам не красят разработчика" ;)
0
Василич Василич 7 лет назад #
Не совсем понимаю смысл таких плюшек в наше время. Не разумнее ли сделать сайт адаптивным под все устройства?
0
kirkr kirkr 7 лет назад #
Дело в том, что человек указал на проблемы при просмотре сайта, планшеты разные у всех, разрешение тоже. Так же и сотовые.
+1
Val Val 7 лет назад #
Если у девайса маленькое разрешение, то не важно планшет это или телефон, ему следует показывать сайт адаптированный под это разрешение. Это же применимо и в сторону увеличения разрешения экранов и плотности пикселей. Если грамотно сверстать сайт (а это требует усилий), то, IMHO, предложенный функционал для пользователя избыточен.
+2
Игорь Lu Игорь Lu 7 лет назад #
Позвольте с Вами не согласиться. Данный функционал врядли можно назвать избыточным для второй ветки Инстант, так как во второй ветке есть возможность выбирать разные шаблоны для разных устройств и по разному их настраивать для вывода контента, в частности, виджетоты. На пример, если сайт имеет много включенных виджетов для просмотре на компьютере, то при просмотре на мобильном устройстве некоторые можно отключить и это позволяет сделать выбор второго шаблона для мобильных устройств. И вот здесь этот функционал и очень хорошо применим.
Автору плюс за доработку.
0
Val Val 7 лет назад #
Игорь Lu, мы с вами говорим о разных вещах)) Я обоими руками ЗА функционал определения устройства (внедрение скрипта Mobile Detect в движок)! Это не просто здорово, а супер здорово и полезно! В своё время, я также думал в этом направлении и рассматривал этот же скрипт)). По моему мнению избыточен функционал кнопки для предоставления пользователю выбора шаблона, не более. А автору конечно же плюс за доработку smile
Олег Васильевич я Олег Васильевич я 7 лет назад #
Комментарий удален
0
Val Val 7 лет назад #
Олег Васильевич я, я еще не успел плотно изучить предлагаемый функционал iCMS по этому направлению, но представлял себе возможность внутри шаблона выбирать что загружать, а что нет для конкретного типа устройства, как то так:
Код PHP:
  1. $detect = new Mobile_Detect;
  2. // Блок для любого мобильного устройства (телефон или планшет)
  3. if ( $detect->isMobile() ) {
  4. // Здесь данные которые мы хотим вывести
  5. }
Т.е. на стороне сервера формируем html по размеченному указанным образом шаблону и отправляем клиенту (весь "тяжелый мусор" фильтруем). А на стороне клиента с помощью адаптивной разметки страница уже окончательно рендерится и показывается в нужном виде.
Да, в моем случае изменения вносятся в шаблон, но для своего шаблона (отличного от дефолта) не вижу ничего в этом страшного.

Олег Васильевич я:
И что тут сложного для пользователя?
Сложного ничего)), но вываливающееся окошко несколько напрягает. В целом, я стараюсь придерживаться минимализма в дизайне интерфейса, поэтому, согласно моей философии, кнопка с функционалом выбора отображения вида страницы избыточна. Повторюсь это моё IMHO и не более smile
Олег Васильевич я Олег Васильевич я 7 лет назад #
Комментарий удален
0
PIN PIN 7 лет назад #
немного не по теме:
"представлял себе возможность внутри шаблона выбирать что загружать, а что нет"
у меня такое же ассоциативное понимание функционала, который хорош, но навешан не туда. Обычно при смене шаблона желаешь увидеть тот же сайт, с тем же набором виджетов в другой одёжке, но тут нет - при смене шаблона тебя встречает пустая главная страница и т.д., а чтобы прийти к набору как в первом шаблоне надо изрядно попотеть. Это не правильно.
Олег Васильевич я Олег Васильевич я 7 лет назад #
Комментарий удален
0
PIN PIN 7 лет назад #
1. зачем убеждать в том чему не противоречат?
2. спасибо, конечно, но это похоже ответ на чьё-то другое сообщение
3. пункт порадовал, стало понятно, что моё сообщение читали, правда что-то с контекстом, ну да ладно.
Олег Васильевич я Олег Васильевич я 7 лет назад #
Комментарий удален
0
Sergey Necr Sergey Necr 7 лет назад #
Работает не плохо, но есть недочет, нажав вид телефон нельзя перейти назад на ПК.
Олег Васильевич я Олег Васильевич я 7 лет назад #
Комментарий удален
0
ermakover ermakover 7 лет назад #
Олег Васильевич, такой вопрос по дополнению. Мне удобнее выводить для смартфонов меню пользователя и действий в шапке сайта, а вот для компа или планшета как оно и привычнее - в колонке справа или слева.
Сейчас у меня два меню - и в шапке, и в колонке. Потому как многие, кто с компа заходят меню в шапке не видят в упор.
А вот можно ли сделать, чтобы при переключении устройств пользователем одно из меню скрывалось?
Олег Васильевич я Олег Васильевич я 7 лет назад #
Комментарий удален
0
Aliaksandr Aliaksandr 7 лет назад #
Здравствуйте. Данное дополнение возможно сделать виджетом на вторую ветку? Мне нужно что бы с телефона или планшета - открывалась всеравно полная версия сайта как на ПК.
Олег Васильевич я Олег Васильевич я 7 лет назад #
Комментарий удален
0
Aliaksandr Aliaksandr 7 лет назад #
Благодарю за совет.

Еще от автора

Pioneer - скин для шаблона modern
Бред сумасшедшего на тему "Как бы выглядела InstantCMS 1-х сегодня".
Одна ёлка, немного снега и два Деда, играющихся в прятки
Ещё один вариант новогоднего украшения. Пока не замылено в сети (на эту минуту стоит только на 2-х сайтах)
Новогодние скидки
Всё платное за 50%
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.