Использование редактора UX Builder

Вопрос

Как использовать редактор UX Builder?

Ответ

Интерфейс редактора

Редактор разделен на 2 основные области:

  • Область управления
    В данной области отображены все элементы страницы в соответствующем порядке (Title, Text Accordion, Tab Group и так далее). Справа от каждого элемента изображена шестеренка, при нажатии на которую область управления сменяется областью редактирования элемента. Область редактирования элемента изменяется в зависимости от редактируемого элемента.
    В верхней части страницы расположена шестеренка, которая отвечает за откртие настроек страницы, где можно изменить заголовок страницы и её описание.
  • Область просмотра
    В области просмотра элементы отображаются так, как это будет выглядеть на сайте.
Основные элементы и их использование

Чтобы добавить новый элемент на страницу, нажмите кнопку Add to внизу области управления. Откроется меню выбора нового элемента.
Все элементы делятся на

  • Элементы разметки (Layout)
    Row — колонки. Разбивает элемент в котором она расположена (или всю страницу) на несколько колонок.
    Grid — разбиение родительского элемента на неравные по ширине и высоте области.
    Page Header — Заголовок страницы, который может быть вставлен в любом месте страницы. Текст заголовка зависит от названия страницы.

  • Элементы наполнения (Content)
    Text — Произвольный HTML код. Большинство текста страницы — это HTML код. Для удобства редактирования, в процессе редактирования можно нажать кнопку Open in text editor, в этом случае редактирование будет напоминать редактирование документа Word.

2 мысли о “Использование редактора UX Builder

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *