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

Тема в разделе "Drupal", создана пользователем Tranto, 14 фев 2019.

Информация :
Прежде чем создать новую тему внимательно ознакомьтесь с правилами раздела
Модераторы: DMS
  1. Tranto

    Tranto Создатель

    Регистр.:
    11 июл 2014
    Сообщения:
    15
    Симпатии:
    0
    Коллеги, встала задача к имеющейся теме Novelty прикрутить мобильную версию. Накидайте своего опыта если не затрудник, кто как организовывал? Сейчас мысли движутся в сторону установки второй адаптивной темы и модуля редиректа при обнаружении мобильного браузера.
     
  2. Leony

    Leony

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

    С мобильной версией стоит заморачиваться только когда каждый байт на счету.
    Но тогда уже не друпал нужен, а например hugo.
    Субдомен сложно п.ч. нужно ведь как-то синхронизировать его с родительским сайтом.
    Очень сложно определить, с какой именно ширины нужна мобильная версия. Сейчас это уже и 1024px не предел.
    Для D7 хорошо менять тему по нужному условию м-лем themekey.
     
    Azmandios и Tranto нравится это.
  3. Tranto

    Tranto Создатель

    Регистр.:
    11 июл 2014
    Сообщения:
    15
    Симпатии:
    0
    С трафиком проблем нет, нужно корректное отображение на мобильных. Буду копать!)
     
  4. Angelok

    Angelok Создатель

    Регистр.:
    26 июл 2017
    Сообщения:
    33
    Симпатии:
    17
    как верно сказал Leonory, для начала достаточно будет только добавить CSS
    для начала заменить на всех контейнерах с фиксированным размером стили на with:100%
    а уже потом работать с отдельными элементами через условие @media в стилях.
    в принципе ничего сложного
     
    Tranto нравится это.
  5. bobser

    bobser Писатель

    Регистр.:
    29 май 2012
    Сообщения:
    2
    Симпатии:
    0
    Для создания адаптивных тем существует библиотека Bootstrap https://getbootstrap.com/. Если планируете заниматься в дальнейшем разработкой адаптивных тем, то есть смысл изучить Bootstrap и цеплять эту библиотеку к своим проектам. Т.к. она постоянно обновляется и поддерживает практически все устройства и разрешения экранов. Здесь https://habr.com/ru/post/172585/ можно почитать про подключение библиотеки к проекту на примере темы Omega.