Элементы

Элемент это минимальная единица контента — кнопка, текст, изображение, форма, заголовок, иконка и другие.

Когда вы создаете страницу или добавляете новую секцию — шаблоны уже заполнены базовыми элементами. Это примеры наших дизайнеров, чтобы продемонстрировать дизайн и возможность использования каждой отдельной секции.

На странице сайта вы можете редактировать мышкой любые элементы — ниже пример редактирования элемента «кнопка».

Визуальная система редактирования позволяет сразу видеть изменения на сайте.

Добавление элемента

Если вы хотите добавить элемент в секцию, уже содержащую контент, наведите курсор на верхнюю или нижнюю границу текущего элемента и кликните по иконке +.

Чтобы найти + — наведите курсор на любой элемент на странице.

После клика на «+» откроется окно добавления элемента. Выберите подходящий вам тип элемента, чтобы добавить его в выбранную область секции.

Если вы удалили все элементы из секции, то при наведении курсора на пустую область вы увидите область добавления контента — Нет элементов. Кликните, чтобы добавить.

Перемещение элемента

Для перемещения элемента наведите на него курсор мыши, в правом верхнем углу вы увидите панель управления. Левая кнопка этой панели отвечает за перенос элемента как в пределах секции, так и из секции в секцию.

Копирование элемента в буфер

Чтобы скопировать элемент в буфер обмена и потом им воспользоваться — нажмите Копировать в буфер.

Одновременно в буфере можно хранить шесть элементов, они хранятся три часа.

Чтобы копировать элемент в буфер обмена, нажмите Ctrl + C или ⌘ + C.

Чтобы вставить последний скопированный элемент из буфера обмена, нажмите Ctrl + V или ⌘ + V.

Если вы хотите вставить один из шести элементов буфера обмена, наведите курсор на любой текущий элемента и кликните по иконке +.

После этого откроется буфер обмена, и вы можете выбрать нужный элемент.

Дублирование элемента

Для дублирования элемента наведите на него курсор мыши, в правом верхнем углу вы увидите панель управления текущим элементом. Кликните по правой иконке этой панели «...» . Выберите пункт меню Дублировать, если хотите копировать элемент на страницу.

Вы также можете дублировать элемент горячими клавишами. Наведите курсор на элемент и нажмите Ctrl + D или ⌘ + D.

Удаление элемента

Чтобы удалить элемент, наведите на него курсор мыши, в правом верхнем углу вы увидите панель управления. Кликните на «...» и выберите пункт меню Удалить.

Также вы можете удалить элемент, нажав Ctrl + Delete или ⌘ + Delete.

Редактирование текста

После добавления одного из элементов группы Текст (заголовок, подзаголовок, текст, цитата) вы сможете приступить к его редактированию.

Текст во Flexbe редактируется прямо на странице. Наведите на текст или выделите любое слово и откроется редактор.

Вы можете выбрать начертание и цвет текста, вставить и отредактировать ссылку, вставить символ валюты, настроить выравнивание и параметры текста, добавить список, изменить стиль текста.

При клике по кнопке «...» вы увидите дополнительные опции редактирования текста: удаление форматирования и текста, проверку орфографии, рекомендации Главреда, настройки SEO.

Настройка медиа

Окно настроек медиа позволяет настроить изображение, слайдер и видео. Наведите курсор на один из этих элементов, вы увидите иконку шестеренки. При клике откроется редактор этого элемента.

Настройка карты

Кликните по добавленному элементу, чтобы открыть окно настроек Карта. Вы можете подключить карты от Яндекса или Google, настроить адрес маркера и его цвет.

Настройка кнопки

Кликните по созданной кнопке. В открывшемся окне настроек вы можете изменить текст, стиль и цвет кнопки, настроить действие при клике и вставить код для срабатывания целей в системах аналитики.

Настройка иконок

Элемент Иконки имеет две вкладки настроек. Первая касается вида иконки: вы можете выбрать иконку из подготовленного нами списка, воспользоваться поиском по базе с более чем двумя миллионами иконок или загрузить свою.

Вторая вкладка настроек открывается при нажатии Стиль и позволяет настроить визуальный стиль иконки – цвет, подложку и прочее.

Настройка социальных сетей

Добавив элемент Социальные профили, вы можете настроить ссылки и стиль отображения иконок.

Другие элементы редактора имеют схожие настройки или являются группой элементов разных типов – например, иконка с описанием.