Мобильная версия на Drupal 7

T

Tranto

Создатель
Регистрация
11 Июл 2014
Сообщения
15
Реакции
0
Коллеги, встала задача к имеющейся теме Novelty прикрутить мобильную версию. Накидайте своего опыта если не затрудник, кто как организовывал? Сейчас мысли движутся в сторону установки второй адаптивной темы и модуля редиректа при обнаружении мобильного браузера.
 
Все свои проекты просто адаптировал любую тему css-ом и js-ом.
Картинки под требования Google`s PageSpeed Insights
дожимал расширением для Хрома Для просмотра ссылки Войди или Зарегистрируйся (DevConsole > вкладка PageSpeed)
Для компрессии и минификации файлов advagg использовал
(достаточно просто включить 4 субм-ля: Bundler, 2 Compress`а (advagg_css_compress и advagg_js_compress), и само ядро Advanced).
У D8 всегда м-ль ядра BigPipe включаю.

С мобильной версией стоит заморачиваться только когда каждый байт на счету.
Но тогда уже не друпал нужен, а например hugo.
Субдомен сложно п.ч. нужно ведь как-то синхронизировать его с родительским сайтом.
Очень сложно определить, с какой именно ширины нужна мобильная версия. Сейчас это уже и 1024px не предел.
Для D7 хорошо менять тему по нужному условию м-лем Для просмотра ссылки Войди или Зарегистрируйся.
 
Leony написал(а):
С мобильной версией стоит заморачиваться только когда каждый байт на счету.
Но тогда уже не друпал нужен, а например hugo.
Субдомен сложно п.ч. нужно ведь как-то синхронизировать его с родительским сайтом.
Очень сложно определить, с какой именно ширины нужна мобильная версия. Сейчас это уже и 1024px не предел.
Для D7 хорошо менять тему по нужному условию м-лем Для просмотра ссылки Войди или Зарегистрируйся.
Нажмите для раскрытия...

С трафиком проблем нет, нужно корректное отображение на мобильных. Буду копать!)
 
Tranto написал(а):
С трафиком проблем нет, нужно корректное отображение на мобильных. Буду копать!)
Нажмите для раскрытия...

как верно сказал Leonory, для начала достаточно будет только добавить CSS
для начала заменить на всех контейнерах с фиксированным размером стили на with:100%
а уже потом работать с отдельными элементами через условие @media в стилях.
в принципе ничего сложного
 
Для создания адаптивных тем существует библиотека Bootstrap Для просмотра ссылки Войди или Зарегистрируйся. Если планируете заниматься в дальнейшем разработкой адаптивных тем, то есть смысл изучить Bootstrap и цеплять эту библиотеку к своим проектам. Т.к. она постоянно обновляется и поддерживает практически все устройства и разрешения экранов. Здесь Для просмотра ссылки Войди или Зарегистрируйся можно почитать про подключение библиотеки к проекту на примере темы Omega.
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху