21
Мобильный сайт самостоятельно и БЕСПЛАТНО! На примере сайта mediaguru.ru

Мобильный сайт MediaGuru

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Мобильный сайт  MediaGuru

Мобильный сайт самостоятельно и БЕСПЛАТНО!

На примере сайта mediaguru.ru

Page 2: Мобильный сайт  MediaGuru

Главная страница конструктора сайта GoMo-DudaMobile

Введите URL вашего сайта в адресную строку на экране

Page 3: Мобильный сайт  MediaGuru

Шаг первый – выбор фона

На первом шаге вы можете выбрать подходящий вашему сайту дизайн из предложенных вариантов. Мы оставили тот, который у нас был.

Page 4: Мобильный сайт  MediaGuru

Шаг первый – выбор фона

Page 5: Мобильный сайт  MediaGuru

Шаг второй – наполнениеНа втором шаге конструктор предлагает разобраться с наполнением: добавить или изменить логотип, навигационное меню, переместить контент, а также привязать местоположение вашей компании к Google Адресам

Page 6: Мобильный сайт  MediaGuru

Шаг второй – логотипВ нашем случае, логотип на сайте присутствовал и подгрузился в мобильную версию сам.Если этого не произошло, вы можете загрузить свой логотип и добавить к нему подпись.Также сервис предоставляет возможность поменять размер и местоположение загруженногологотипа.

Page 7: Мобильный сайт  MediaGuru

Шаг второй – фон

В данном разделе вы можете изменить цвет фона под навигационным меню на один из представленных в палитре, либо добавить свою картинку. Не забудьте нажать DONE, когда захотите сохранить ваши изменения.

Page 8: Мобильный сайт  MediaGuru

Шаг второй – границы

Расположение элементов навигационного меню относительно краев «контейнера» тоже меняется.

Page 9: Мобильный сайт  MediaGuru

Шаг второй – навигационное меню

Так находится возможность изменения навигационного меню

Page 10: Мобильный сайт  MediaGuru

Шаг второй – навигационное меню

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

Page 11: Мобильный сайт  MediaGuru

Шаг второй – навигационное меню

В разделе Menu Items изменяется иконка выбранного раздела. В данном случае мы «звездочку» меняем на «флажок».

Page 12: Мобильный сайт  MediaGuru

Шаг второй – навигационное меню

В разделе Menu Design вы можете поменять внешний вид и расположение компонентов меню, выбрав один из представленных вариантов. Либо оставить все без изменений.

Page 13: Мобильный сайт  MediaGuru

Шаг второй – навигационное меню

Мы решили сменить иконки у всех разделов. Вот что из этого получилось.

Page 14: Мобильный сайт  MediaGuru

Шаг второй – работа с контентом

Здесь вы можете поменять местами элементы навигационного меню. Для этого наведите на них мышку и перетащите в то место на экране, где бы вы хотели их видеть.

Page 15: Мобильный сайт  MediaGuru

Шаг второй – звонок с сайта

В данном разделе можно поменять иконку звонка и ее цвет, а также изменить ссылку на номер в разделе «Позвоните нам» вашего сайта.

Page 16: Мобильный сайт  MediaGuru

Шаг второй – местоположение на карте

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

Page 17: Мобильный сайт  MediaGuru

Шаг второй – местоположение на карте

Значок «Найти нас» меняется. Все по вашему желанию: размер, цвет и иконка.

Page 18: Мобильный сайт  MediaGuru

Шаг третий – сохранение сайта

Для сохранения созданного мобильного сайта необходимо завести аккаунт в сервисе DudaMobile. Введите e-mail и пароль. Подтверждение регистрации придет вам на почту.

Page 19: Мобильный сайт  MediaGuru

Шаг третий – сохранение сайта

После регистрации в системе мобильная версия вашего сайта будет сохранена и получит уникальный URL.

Page 20: Мобильный сайт  MediaGuru

Шаг четвертый – редирект сайта

Последний шаг – настройка редиректа вашего сайта, так, чтобы пользователи мобильных устройств видели именно мобильную версию. Следуйте предложенной Google инструкции.

Page 21: Мобильный сайт  MediaGuru

Делимся знаниями!

С уважением,команда MediaGuru

Еще больше интересной и полезной информации

О контекстной рекламе и новостях рынкаhttp://www.mediaguru.ru/blog/

О системах статистики и интернет-аналитикеhttp://mediaguruanalytics.ru/