Мобильная версия сайта на друпал 7

Гугл уже ввел пессимизацию сайтов, которые плохо отображаются на мобильных устройствах. Полагаю и Яндекс придет к тому же. Как же легко и просто сделать сайт хорошо отображаемым на мобильных устройствах?

Теория мобилизации сайта на друпал

Есть два подхода:

1. Сайт сжимают-растягивают по экарну устройства.

2. Делают мобильную версию.

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

Можно взять текущую тему и сделать её для мобильного трафика. Будет несколько странно смотреться на экране ПК, но как путь... Или использовать две тему. Одну для ПК, вторую для мобил.

Нам нужно для этого:

- Текущую тему упростить до мобильной или использовать специальную.

- Опознавать откуда зашел пользователь. С мобильного устройства или со стационарного.

- В зависимости от устройства выбрать тему оформелния.

Делаем сайт на друпал мобильным

1. Устанавливаем адаптивную тему. Использую популярную https://www.drupal.org/project/adaptivetheme. Идем в оформелние и включаем её.

2. Модуль Browscap опознающий версию устройства, с которого произведен вход на сайт. Поставили. Включили.

3. Выбор темы в зависимости от результатат работы предыдущего модуля. Модуль Mobile Theme. Включили.

Теперь самое сложное. Точнее самое не очевидное. Идем в настройки тем оформления. Глобальные настройки. В них появилось дополнительное поле. В нем указываем какую тему показывать мобильным пользователям. Ставим адаптивную тему.

Всё. Идем в сервис гугла и проверяем рузультат.

настройки мобильности друпал 7

Тог смотрим на сервисе гугла https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fdrboglav.ru%2F и видим

страница оптимизирована для мобильных устройств

Правда нужно оговориться, что такой результат получил не сразу после проделывания всех выше описанных процедур. После них результат был, но был с замечаниями. Замечания устранил очень просто. Идем в настройки адаптивной темы и выставляем отображение блоков последовательно. То есть блоки просто переносятся вниз, а не идут как в стандартной верстке. Может не очень красиво, но тут уже Ваш выбор. Или чуть красиво в одном месте или в другом.

 

Помог материал - поддержите сайт рассказав у себя на страничке соцсети (кнопки слева наверху).

Всегда благодарен за комментарии и дополнения. Задавайте вопросы!

 

Вернуться на главную

 

Комментарии

Помог материал? - оставь коммантарий, скажи "спасибо"! Где-то что-то не получилось? - задай вопрос в комментарии, отвечу, помогу.

Добавить комментарий


Поддержите развитие сайта рассказав о нем