В Readymag весь процесс создания проекта происходит в редакторе. Экран редактора открывается, когда вы создаете новый проект или редактируете уже существующий.
Чтобы создать новый проект, нажмите на красный плюс рядом с иконкой профиля — откроется окно редактора с двумя панелями в нижней части экрана.
Организация страниц в проекте
Первая иконка в левой панели — номер текущей страницы. Нажмите на нее, чтобы увидеть список всех страниц проекта или создать новую страницу. Для этого также можно использовать шорткат М.
В этой же панели страницы можно поменять местами, копировать и удалять. Кроме этого, здесь можно задать настройки SEO: прописать название и описание, ключевые слова и создать ссылки для отдельных страниц.
Чтобы изменить название страницы, нажмите на Page Title, чтобы отредактировать ссылку,—на Custom URL. Также в этой панели можно создать вложенные страницы: для этого потяните за превью нужной страницы и переместите его в центр предыдущей.
Обратите внимание: предположим, что вы опубликовали портфолио под доменом myportfolio.com. В нём есть категории с клиентскими проектами и с некоммерческими. Последнюю можно открыть по ссылке myportfolio.com/non-profit/. Для этого нужно создать вложенные страницы для каждого некоммерческого проекта и объединить их под этой категорией. У каждой страницы в таком случае будет соответствующая ссылка: myportfolio.com/non-profit/project1, myportfolio.com/non-profit/project2, и так далее.
Переключение между внутренними страницами проекта можно организовать двумя способами:
- Страницы независимы друг от друга. Переключаться между ними можно с помощью навигационных стрелок (для этого откройте Preview —> Settings и включите Navigation arrows) или по кастомным ссылкам (например, в меню сайта).
- Переход при помощи вертикального скролла. Для этого также можно включить навигационные стрелки (Preview —> Settings —> включить Navigation arrows), чтобы сделать навигацию между страницами проще, или добавить Slide-in Transition (Preview —> Settings —> Slide-in Transition)— тогда каждая новая страница будет «выскальзывать» из-под предыдущей.
Вёрстка проекта для разных устройств
Нажмите на иконку Viewports в нижней левой панели, чтобы добавить мобильную и планшетную версии проекта и переключаться между ними. Для этого также можно использовать шорткаты 1/2/3. Подробнее здесь.
Создание виджетов
Все проекты в Readymag состоят из виджетов. Чтобы добавить новый виджет, нажмите на плюс в нижней левой панели или используйте клавишу W. Узнать подробнее о различных виджетах вы можете здесь.
Чтобы посмотреть список всех добавленных в проект виджетов, нажмите на иконку Widgets или шорткат Q.
Фон
Чтобы изменить фон, нажмите на Widgets в нижней левой панели и выберите Background. Подробнее о разных видах фона вы можете прочитать здесь.
Pежим Layout locked
→Lock layout позволяет редактировать контент и некоторые атрибуты существующих виджетов без изменений композиции и вёрстки. Это полезно, когда, например, проект уже собран, но нужно внести пару мелких правок или поменять текст.
Сетка и настройки макета
В Grid and Layout вы можете настроить сетку и направляющие, включить или выключить Scale layout, Blocks и так далее. Подробнее здесь.
Настройки проекта
В Project settings можно указать название проекта, добавить описание и ключевые слова, привязать кастомный домен, включить защиту паролем. Подробнее здесь.
Предпросмотр
Чтобы перейти в режим предпросмотра, нажмите на иконку с глазом в нижней части окна редактора. В Preview вы можете опубликовать ваш проект. Чтобы вернуться в режим редактирования, нажмите на иконку с карандашом.
В режиме Preview также можно настроить элементы интерфейса для проекта: выбрать тип навигации, включить навигационные стрелки, меню проекта, кнопку шеринга и так далее.