CMS: добавление и настройка полей с Rich-контентом
15 мин. чтения
Создавайте большие блоки контента, связанные с элементами коллекции, которые вы можете отформатировать в CMS (системе управления контентом). Вы можете смешивать форматированный текст с медиафайлами, файлами, HTML-кодом, постами в соцсетях, бизнес-решениями Wix и другими функциями. Когда вы добавляете и подключаете элемент rich-контента на сайте, он сохраняет то же форматирование, что и в самих полях коллекции.
Добавление типа поля с rich-контентом в коллекцию
Выберите тип поля «Rich-контент» при создании нового поля в коллекции. Вы также можете отредактировать существующие поля, чтобы сделать их полями с rich-контентом. После создания поля с rich-контентом добавьте и отформатируйте контент для каждого элемента в коллекции.
Чтобы добавить поле rich-контента:
- Перейдите в CMS в панели управления сайтом. Вы также можете нажать CMS
в редакторе, а затем нажать Ваши коллекции.
- Выберите нужную коллекцию.
- Нажмите Управлять полями.
- Нажмите + Добавить поле.
- Выберите Rich-контент и нажмите Выбрать тип поля.
- Введите название в разделе Название поля.
- (Только для Velo) Обновите код поля, который используется в коде сайта. Вы не сможете изменить это поле позже.
- (Необязательно) Введите Текст справки , если вы хотите, чтобы рядом с заголовком поля отображалась подсказка.
- Нажмите Сохранить.

- Нажмите на поле с rich-контентом для соответствующего элемента в коллекции.

- Введите текст, который вы хотите использовать для элемента, и выберите один из доступных вариантов форматирования вверху. Вы также можете добавить изображения, видео, вложения и другие функции с помощью значков, расположенных в нижней части окна.

Добавление и подключение элемента rich-контента на странице
Добавьте на сайт элемент rich-контента. Затем подключите его к набору данных, который привязан к вашей коллекции. Теперь вы можете прикрепить элемент rich-контента к репитеру для отображения динамического контента для нескольких элементов одновременно.
Редактор Wix
Редактор Studio
- Перейдите в редактор.
- Перейдите на страницу или раздел, в который вы хотите добавить элемент rich-контента.
- Нажмите CMS.
в левой части редактора.
- Нажмите Элементы контента.
- Нажмите Rich-контент.
- Нажмите значок Подключить к CMS
в элементе rich-контента.
- Нажмите на раскрывающийся список Выберите коллекцию и выберите существующий набор данных, который подключен к вашей коллекции. Вы также можете нажать Добавить набор данных, затем выбрать коллекцию, которую хотите подключить, присвоить набору данных имя и нажать Создать.
- Нажмите на раскрывающийся список Подключить контент к и выберите созданное поле с rich-контентом.
- Нажмите Настройка в элементе для просмотра Rich-контента.

- Выберите, как показать длинный контент:
- Показать все: весь контент подключенных полей rich-контента отображается в элементе для просмотра.
- Обрезать: показывать только часть длинного контента в элементе для просмотра:
- Выберите способ обрезать контент, отображаемый в элементе для просмотра:
- Абзацам: выберите количество отображаемых абзацев. Включите переключатель Показать вставленный, если вы хотите отображать в элементе для просмотра контент, такой как изображения, видео и таблицы.
- Словам: выберите количество отображаемых слов.
- Нажмите переключатель Показать еще, чтобы выбрать, как развернуть контент:
- Включено: если контент обрезан, посетители могут нажать кнопку «Показать еще», чтобы развернуть контент. Введите текст в полях Показать еще/Свернуть.
- Отключено: текст обрезан и заканчивается как «...», если весь контент не помещается в элементе для просмотра. Посетители не могут нажать, чтобы развернуть отображаемый контент.
- Выберите способ обрезать контент, отображаемый в элементе для просмотра:

- Нажмите значок Макета
на элементе для просмотра Rich-контента и установите верхний, нижний и боковые отступы.
- Нажмите значок Дизайна
, чтобы настроить цвета заливки и кнопки «Показать больше», границы и углы, а также отменить форматирование текста.
Совет:
Нажмите на раскрывающийся список Просмотр на динамических страницах элементов и выберите другие элементы, чтобы просмотреть, как будет выглядеть поле с rich-контентом на каждой версии страницы.


Параметры и функции форматирования в редакторе rich-контента
При редактировании поля с rich-контентом в коллекции выберите один из вариантов вверху, чтобы отформатировать текст. Нажимайте значки в низжей части, чтобы добавить такие функции, как таблицы, HTML-код и посты для соцсетей.
Нажмите ниже, чтобы узнать подробнее о доступных параметрах в редакторе rich-контента.
Форматирование текста
Изображение
Видео
Галерея
Разделитель
Таблица
Добавить файл
Вставить HTML-код
Соцсети
Бизнес-решения Wix
Эмодзи
GIF
Добавьте сниппет кода
Раскрывающийся список
Кнопка