36 подписчиков
➡ Знаете ли вы, что больше 70% учеников проходят обучение на Геткурс именно с мобильного телефона? Для большинства именно мобильная версия — главный способ учиться, и эта цифра только растёт.
❗ Поэтому важно не просто оформить курс красиво на компьютере, но и обязательно проверить, насколько удобно выглядит всё на телефоне. Ведь даже мелкие недочёты могут сделать обучение неудобным и отвлечь учеников.
На что важно обратить внимание:
⭐Все элементы остаются в пределах экрана, ничего не «уезжает» вбок и не обрезается.
⭐Текст хорошо читается и не становится слишком мелким.
⭐Кнопки, баннеры, меню — всё удобно нажимается, элементы не располагаются слишком близко друг к другу.
⭐Важная информация всегда видна и не «прячется» за другими блоками.
📌 В Гетшоп мы всегда внимательно проверяем, как шаблон выглядит на ПК, в мобильном браузере и в мобильном приложении. Такой подход помогает избежать ошибок, но, поскольку у каждой школы свой уникальный контент, рекомендуем обязательно посмотреть мобильную версию уже с вашими материалами.
Далее — простые инструкции, как это сделать 👇
1⃣ Просмотр мобильной версии через инструменты разработчика в браузере
Этот метод позволяет эмулировать мобильное устройство в браузере и подходит для проверки отображения любых страниц: лендингов, уроков, тренингов и других элементов.
➖Откройте страницу, которую хотите проверить, в браузере:
Для Windows: нажмите клавишу F12.
Для Mac: нажмите Cmd + Option + I.
В открывшейся панели разработчика активируйте режим эмуляции мобильного устройства:
➖Нажмите на иконку с изображением смартфона и планшета (обычно в верхней части панели).
➖Выберите нужное устройство из списка или задайте собственные параметры экрана.
2⃣ Эмулятор мобильного приложения через раздел IDE
Этот метод позволяет увидеть, как тренинги и уроки будут выглядеть в мобильном приложении Геткурс.
➖В левой панели Геткурс перейдите в раздел: Apps → IDE.
➖Вставьте в браузерную строку эмулятора (справа) ссылку на нужную страницу (например, личный кабинет).
➖Теперь вы видите страницу так, как она будет отображаться для пользователя в мобильном приложении.
➖Можно переходить по ссылкам внутри — всё будет отображаться в мобильном формате.
3⃣ Просмотр мобильного вида для уроков внутри
Этот метод подходит только для просмотра уроков внутри и не применим для списка тренингов или списка уроков. В остальных случаях возникнет ошибка 404 (страница не найдена).
➖Откройте нужный урок.
➖В адресной строке браузера найдите часть ссылки, где написано: view (например, …/lesson/view/12345).
➖Перед словом view допишите web, чтобы получилось webview (например, …/lesson/webview/12345).
➖Нажмите Enter — страница откроется в мобильном формате, как её увидят в приложении, но в размере вашего ПК экрана.
➖Для того, чтобы уменьшить ее в размере мобильного, дополнительно используйте первый вариант нашей инструкции.
💜Если инструкция оказалась полезной — поддержите пост лайком и сохраните себе, чтобы не потерять.
⬇А если хочется обсудить нюансы или есть свои мысли — делитесь ими в комментариях; мы с удовольствием читаем и вдохновляемся вашей обратной связью!
#СоветыОтГетшоп
2 минуты
8 января