CMS (в прошлом Менеджер контента): Добавление и настройка полей с rich-контентом
15 мин. чтения
Создавайте большие блоки контента, связанные с элементами коллекции, которые вы можете отформатировать в CMS (системе управления контентом). Вы можете смешивать форматированный текст с медиафайлами, файлами, HTML-кодом, постами в соцсетях, бизнес-решениями Wix и другими функциями. Когда вы добавляете и подключаете элемент rich-контента на сайте, он сохраняет то же форматирование, что и в самих полях коллекции.
Добавление типа поля с rich-контентом в коллекцию
Выберите тип поля «Rich-контент» при создании нового поля в коллекции. Вы также можете отредактировать существующие поля, чтобы сделать их полями с rich-контентом. После создания поля с rich-контентом добавьте и отформатируйте контент для каждого элемента в коллекции.
Чтобы добавить поле rich-контента:
- Перейдите в CMS в панели управления сайтом. Вы также можете нажать CMS
в редакторе, а затем нажать Ваши коллекции.
- Выберите нужную коллекцию.
- Нажмите Управлять полями.
- Нажмите + Добавить поле.
- Выберите Rich-контент и нажмите Выбрать тип поля.
- Введите название в разделе Название поля.
- (Только для Velo) Обновите код поля, который используется в коде сайта. Вы не сможете изменить это поле позже.
- (Необязательно) Введите Текст справки , если вы хотите, чтобы рядом с заголовком поля отображалась подсказка.
- Нажмите Сохранить.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/03/899c5e5e-2fc2-41e2-b68d-d1e9ff83ea40/c0dcb95b-caf6-4d55-9dfa-0ab3b98ac413.png)
- Нажмите на поле с rich-контентом для соответствующего элемента в коллекции.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/03/fb5c48f8-d18e-4509-8716-d60cd34d1d55/59ade67d-d232-4c6d-b159-121e0d2910d1.png)
- Введите текст, который вы хотите использовать для элемента, и выберите один из доступных вариантов форматирования вверху. Вы также можете добавить изображения, видео, вложения и другие функции с помощью значков, расположенных в нижней части окна.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/03/4742abb6-7ac9-44c6-ae83-a9e06d94f4e4/960c286e-315d-4641-8566-d34d43bc0f57.png)
Добавление и подключение элемента rich-контента на странице
Добавьте на сайт элемент rich-контента. Затем подключите его к набору данных, который привязан к вашей коллекции. Теперь вы можете прикрепить элемент rich-контента к репитеру для отображения динамического контента для нескольких элементов одновременно.
Редактор Wix
Editor X
Редактор Studio
- Перейдите в редактор.
- Перейдите на страницу или раздел, в который вы хотите добавить элемент rich-контента.
- Нажмите CMS.
в левой части редактора.
- Нажмите Элементы контента.
- Нажмите Rich-контент.
- Нажмите значок Подключить к CMS
в элементе rich-контента.
- Нажмите на раскрывающийся список Выберите коллекцию и выберите существующий набор данных, который подключен к вашей коллекции. Вы также можете нажать Создать коллекцию, затем выбрать коллекцию, которую хотите подключить, присвоить набору данных имя и нажать Создать.
- Нажмите на раскрывающийся список Подключить контент к и выберите созданное поле с rich-контентом.
- Нажмите Настройка в элементе для просмотра Rich-контента.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/29/96082bcd-c96b-43f1-a5cd-755cb7297b30/0423f45c-28a6-488a-a84e-00034edbf6bc.png)
- Выберите, как показать длинный контент:
- Показать все: весь контент подключенных полей rich-контента отображается в элементе для просмотра.
- Обрезать: показывать только часть длинного контента в элементе для просмотра:
- Выберите способ обрезать контент, отображаемый в элементе для просмотра:
- Абзацам: выберите количество отображаемых абзацев. Включите переключатель Показать вставленный, если вы хотите отображать в элементе для просмотра контент, такой как изображения, видео и таблицы.
- Словам: выберите количество отображаемых слов.
- Нажмите переключатель Показать еще, чтобы выбрать, как развернуть контент:
- Включено: если контент обрезан, посетители могут нажать кнопку «Показать еще», чтобы развернуть контент. Введите текст в полях Показать еще/Свернуть.
- Отключено: текст обрезан и заканчивается как «...», если весь контент не помещается в элементе для просмотра. Посетители не могут нажать, чтобы развернуть отображаемый контент.
- Выберите способ обрезать контент, отображаемый в элементе для просмотра:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/29/cb6026ba-9323-4062-91d1-75907835e7d4/b8e7ef8c-af34-4d44-94a7-4837055d4dda.png)
- Нажмите на значок Макета
на элементе для просмотра Rich-контента и установите верхний, нижний и боковые отступы.
- Нажмите на значок Дизайна
, чтобы настроить цвета заливки и кнопки «Показать больше», границы и углы, а также отменить форматирование текста.
Совет:
Нажмите на раскрывающийся список Просмотр на динамических страницах элементов и выберите другие элементы, чтобы просмотреть, как будет выглядеть поле с rich-контентом на каждой версии страницы.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/03/e03fb212-b349-4017-8052-c47e352fbb62/48932d10-8833-42fe-ab30-fcb2585488fa.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/11/03/e03fb212-b349-4017-8052-c47e352fbb62/48932d10-8833-42fe-ab30-fcb2585488fa.png)
Параметры и функции форматирования в редакторе rich-контента
При редактировании поля с rich-контентом в коллекции выберите один из вариантов вверху, чтобы отформатировать текст. Нажимайте значки в низжей части, чтобы добавить такие функции, как таблицы, HTML-код и посты для соцсетей.
Нажмите ниже, чтобы узнать подробнее о доступных параметрах в редакторе rich-контента.
Форматирование текста
Изображение
Видео
Галерея
Разделитель
Таблица
Добавить файл
Вставить HTML-код
Соцсети
Бизнес-решения Wix
Добавьте сниппет кода
Была ли статья полезна?
|