Редактор — это мастерская, в которой собраны различные инструменты для наполнения страницы контентом и формирования её структуры.
1. Переключение между вариантами А/Б-теста страницы.
2. Глобальные настройки страницы. Здесь можно управлять шрифтами и цветами, настраивать язык и другие параметры страницы.
3. Раздел подключения таблиц БД, пользователей и шаблонных страниц.
4.Вкладка с контактами поддержки, ссылкой на Базу знаний и документацией для разработчиков.
5. Кнопки переключения между типами устройств, под которые редактируется страница. Используются для настройки адаптивности
6. Индикатор сохранения внесённых изменений. Если горит ярко — внесённые в редакторе изменения сохранены в черновике, и вы можете выйти из редактора, а позже продолжить с того же места. Если горит тускло — изменения ещё не сохранены в черновике, но сохранятся в течение 30 секунд. Если индикатор соединения горит красным — изменения не сохранены из-за разрыва интернет-соединения.
7. Кнопки «1 шаг назад» и «1 шаг вперёд» позволяют отменять и возвращать изменения.
8. Предпросмотр. Не публикует страницу, а показывает её так, как её увидит посетитель.
9. Публикация. Делает страницу доступной по ссылке. Используется каждый раз, когда вы хотите сделать внесённые изменения доступными всем пользователям вашего сайта.
10. Кнопка закрытия редактора и перехода в личный кабинет.
11. Компоненты/виджеты, из которых формируются дизайн и контент страницы.
12. Секции «Пустая секция», «Секция с блоками», «Разделённая секция», «Секция-слайдер», «HTML-секция» являются пустыми секциями и предназначены для создания секции с нуля. Секции «Описание», «Первый экран» и другие — это стандартные секции, которые можно полностью редактировать.
13. Чат для связи с поддержкой Creatium.
Секции - готовые части страницы, разделённые на категории и представленные в разных вариантах дизайна. Любой выбранный дизайн секции можно изменить под себя.
Видео: Создание сайта с нуля на Creatium Выбор шаблонной секции
Виджеты или компоненты — элементы, которые можно добавить в любую секцию. Дизайн любой шаблонной секции сформирован с использованием виджетов. Вы можете изменить любой виджет или комбинировать их, чтобы создать собственный дизайн страницы.
Видео: Как добавлять виджеты в секцию
Работать над дизайном страницы лучше всего, когда вы точно знаете, какие тексты и изображения будут размещены на этой странице.
Как добавлять и перемещать секции?
Секции — это своеобразные блоки. Страницу можно создать с помощью всего одной секции, наполнив её виджетами, но некоторые параметры для виджетов недоступны, например, эффекты переходов от одной части страницы к другой.
Если вы хотите переместить секцию, нажмите на стрелку «Вверх» или «Вниз» в её левом верхнем углу.
Если вы хотите создать дубликат секции, нажмите кнопку в виде двух перекрывающих друг друга квадратов и выберите пункт «Дублировать».
Как добавлять или перемещать виджеты?
Чтобы добавить виджет, сначала добавьте секцию, а затем наведите указатель мыши на нужный виджет, выберите подходящий вариант и перетащите его в секцию. Перетаскивание осуществляется по аналогии с перемещением значков на рабочем столе.
Виджеты, как и секции, можно перемещать, дублировать и удалять.
Как удалить секцию или виджет?
Нажмите на крестик у секции или виджета, чтобы удалить его.
Как изменить то, что по умолчанию находится в виджетах?
Все виджеты можно разделить на четыре категории:
- Текстовые.
- Кнопки.
- Картинки.
- Пустые. Используются для управления дизайном страницы.
Замена содержимого в текстовых виджетах — кликните по тексту в виджете, выделите его и замените своим. Редактирование происходит по аналогии с работой в программах Word или Pages.
Видео: Замена текста в компоненте "Текст"
Вы также можете установить шрифт, его размер, цвет и другие доступные параметры на панели редактирования текста.
Видео: Изменение шрифта, размера, цвета текста в виджете
Замена содержимого в кнопках — нажмите на кнопку в виде гаечного ключа, перейдите на вкладку «Содержимое» и замените текст своим.
Видео: Изменение текста в виджете "Кнопка"
В настройках кнопок при редактировании текста не открывается такая же панель редактирования, как для текстовых виджетов. Эти настройки расположены отдельно от содержимого кнопки.
Замена содержимого в картинках — кликните по текущему изображению в виджете. Появится панель со списком вариантов загрузки. Загрузите своё изображение, нажав «Загрузить с компьютера», или добавьте его по ссылке.
Видео: Замена изображения в виджете Картинка
Чтобы настроить отображение картинки, нажмите на кнопку в виде гаечного ключа и подберите подходящие параметры.
Видео: Редактирование параметров отображения картинки
Можно загружать картинки следующих форматов: *.jpg, *.jpeg, *.png, *.gif.
Максимальный размер одного файла изображения не должен превышать 4,00 МБ.
Как настроить внешний вид секций и виджетов под себя?
У секций можно изменить фоновый цвет или изображение, добавить частицы, переходы и настроить другие параметры.
Видео: Добавление картинки и частиц к фону секции, отступы, яркость фона
Практически все те же параметры можно установить в настройках виджета, нажав на кнопку в виде капли.
Видео: Как добавить тень и изменить отступы у виджетов
Как сохранить результаты своей работы?
Перед выходом из редактора или закрытием вкладки браузера с открытым редактором проверьте, что текст «Сохранено» отображается так же ярко, как на этом скриншоте. Если он горит тускло — подождите до 30 секунд. В это время внесённые в редакторе страницы изменения сохраняются в черновик.
Когда изменения будут сохранены, вы можете выйти из редактора, а вернувшись позже — продолжить редактирование страницы, ничего не потеряв.
Чтобы наверняка сохранить текущий вариант страницы, нажмите кнопку «Предпросмотр». Это создаст отдельную резервную копию страницы в её истории. Если вы завершили работу над страницей, опубликуйте её — это также создаст отдельную запись в истории страницы.
Как проверить, что все работает и отображается так как нужно?
Нажмите «Предпросмотр», чтобы увидеть, как страница будет отображаться на мобильных устройствах, планшетах, ноутбуках и широких экранах.
В режиме предпросмотра страница отображается так же, как её будут видеть остальные посетители. Если вы добавили скрипты в настройках сайта или страницы, они также будут работать в режиме предпросмотра. Для возвращения в редактор используйте крестик.
Видео: Предпросмотр страницы
Если просто навести указатель мыши на кнопку предпросмотра, все рамки у виджетов и секций скроются, и вы сможете лучше рассмотреть страницу.
Видео: Наведение указателя мыши на кнопку "Предпросмотр"
История страницы — это записи версий страницы, созданные при предпросмотре или публикации. При необходимости можно восстановить версию страницы двухмесячной давности или создать на основе выбранной версии новую страницу. Максимальное количество записей в истории не ограничено.
Видео: Просмотр истории страницы
Кнопка «Восстановить» заменяет текущую версию страницы выбранной.
Кнопка «Восстановить как новую страницу» создаёт новую страницу и переносит в неё выбранную версию текущей страницы.
Как дать всем посетителям доступ к просмотру моего сайта?
Нажмите кнопку «Опубликовать». После этого появится окно, в котором вы сможете перейти на опубликованную версию страницы и поделиться ссылкой с другими пользователями.
Если вы уже публиковали страницу, а затем внесли в неё изменения, опубликуйте страницу повторно, чтобы изменения стали доступны посетителям.
Видео: Публикация страницы
Процесс публикации в среднем занимает до 30 секунд, но его продолжительность зависит от размера страницы. Чем больше страница, тем дольше может выполняться публикация.
