В разделе Viewer вы можете кастомизировать стандартные элементы интерфейса и выбрать настройки для навигации и отображения опубликованной версии вашего проекта.
Чтобы открыть этот раздел, войдите в режим превью и нажмите на Viewer settings.
В разных лэйаутах могут быть выбраны разные настройки вьюера: это позволяет адаптировать проект под поведение пользователя на конкретном устройстве.
Как этим пользоваться
Вот несколько примеров того, когда независимые настройки вьюера могут быть полезны:
1. Включите Project menu только в мобильной версии — в результате, в один клик вы создадите бургер-меню, которое будет отображаться на всех мобильных устройствах.
2. Откройте Mobile viewer в настройках проекта в мобильной версии. Включите ‘Stack all pages vertically’. В десктопной версии оставьте эту опцию выключенной.
В результате страницы в вашей десктопной версии можно будет перелистывать горизонтально. При этом на мобильных устройствах навигация по страницам будет осуществляться по скроллу, что является привычным пользовательским паттерном при просмотре сайтов с телефона.
Вертикальное расположение страниц
По умолчанию, страницы в вашем проекте не зависят друг от друга. Чтобы ваши посетители могли перейти на внутренние страницы, вам нужно создать меню или добавить прямые ссылки, ведущие на эти страницы. Вы также можете активировать навигационные стрелки (Navigation arrows) во вкладке Viewer — в результате в проекте появятся белые стрелки по бокам экрана. Чтобы изменить их цвет на черный, нажмите на черно-белую иконку рядом с правой стрелкой в режиме редактирования.
Если вы хотите, чтобы страницы вашего проекта прокручивались друг за другом, откройте вкладку Viewer и активируйте опцию Stack all pages vertically. Включите Scroll down arrow для того, чтобы посетители могли переходить на следующую страницу, кликнув на стрелку внизу экрана.
Slide-In Transition
Эта настройка позволяет сделать так, чтобы каждая новая страница проекта появлялась поверх предыдущей.
Применение этой настройки может негативно сказываться на скорости загрузки проектов со сложной анимацией.
Навигационные стрелки и Slide-in Transition можно включить одновременно для одного и того же проекта.
Другие элементы интерфейса
По умолчанию эти элементы интерфейса видны в нижней части браузера в опубликованной версии:
- Меню проекта (Project Menu): Кнопка, по которой открываются кликабельные превью страниц.
- Информация о проекте (Project Info): Отображение вашего юзерпика и даты публикации в верхней части меню проекта.
- Кнопка шеринга (Share button): Кнопка, с помощью которой можно поделиться ссылкой на проект в Facebook (данная социальная сеть признана экстремистской на территории РФ), Twitter, Pinterest или LinkedIn.
- Нумерация страниц (Page Counter): Отображение номера текущей страницы.
Чтобы переместить кнопки наверх, активируйте настройку Buttons on top.
Прогрессивная загрузка изображений (Progressive images)
Включите эту настройку, чтобы показывать плейсхолдеры низкого качества вместо изображений во время загрузки проекта. Эта функция может быть полезной для проектов, в которых много «тяжелого» контента (крупных изображений, видео, анимации) и которые в следствие этого загружаются медленнее обычного.
Readymag branding
Эта настройка позволяет включать или отключать отображение формы для регистрации в Readymag на последней странице вашего проекта. Если вы отключили эту настройку, но по-прежнему видите бейдж «Made with Readymag» на страницах проекта, вероятнее всего, вы забыли оплатить задолженность за превышение лимита просмотров. Чтобы узнать об этом больше, обратитесь к этой статье или напишите в нашу службу поддержки.