header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Подключение текстовых элементов к контенту коллекции
  • Подключение сворачивающегося текста к контенту коллекции
  • Подключение рамки текста к контенту коллекции
  • Подключение текстовой маски к контенту коллекции
  • Подключение текстовых эффектов к контенту коллекции
  1. Главная
  2. Создание сайта
  3. Продвинутые функции
  4. CMS (в прошлом Менеджер контента)
  5. Подключение данных
  6. CMS: отображение контента коллекции в текстовых элементах

CMS: отображение контента коллекции в текстовых элементах

18 мин.
С помощью CMS (системы управления контентом), вы можете отображать контент коллекции в различных текстовых элементах на сайте. 

Подключите основные текстовые элементы, такие как тематический текст, заголовки и абзацы, к контенту коллекции, чтобы придать ему профессиональный вид. Используйте сворачивающийся текст, чтобы представить большой объем информации, не перегружая посетителей, что идеально подходит для блогов или часто задаваемых вопросов. Создавайте динамические визуальные эффекты с помощью текстовой маски, которая отображает видео внутри текста, что делает контент запоминающимся. Используйте область текста для отображения прокрутки текста из коллекции CMS, в обновлениях новостей или объявлениях. 
Хотите объединить форматированный текст с медиафайлами, файлами, HTML-кодом и многим другим?

Подключение текстовых элементов к контенту коллекции

Добавьте в редактор текстовые элементы, такие как стилизованный текст, заголовки и абзацы. Затем подключите текстовый элемент к набору данных, который привязывается к соответствующему полю коллекции. 
  1. Перейдите на нужную страницу в редакторе.
  2. Добавьте текстовый элемент на страницу:
    1. Нажмите Добавить элементы в левой части редактора.
    2. Нажмите Текст. 
    3. Нажмите на тип текста, который вы хотите добавить: Стилизованный текст, Заголовки или Абзацы. 
    4. Нажмите и перетащите выбранный текст, чтобы добавить его на страницу. 
Скриншот добавления текстового элемента в редакторе Wix.
  1. Нажмите на значок  Подключить к CMS на текстовом элементе. 
  2. Нажмите на раскрывающийся список Выберите набор данных и выберите существующий набор данных, который подключается к коллекции. Или вы можете выбрать Добавить набор данных, а затем выбрать коллекцию, которую хотите подключить.
  3. Нажмите на раскрывающийся список Подключить текст к и выберите поле коллекции, которое вы хотите подключить. 
Скриншот подключения текста к полю коллекции CMS.
Советы:
  1. (Только для полей 'URL') В разделе Параметры ссылки выберите нужные параметры: 
    • Где открыть?: выберите, как будет открываться ссылка: в текущем окне или в новом окне.
    • Значения rel (SEO): выберите тип атрибута rel ссылки, который вы хотите использовать:
      • noopener (рекомендуется): блокирует доступ к исходной странице. 
      • noreferrer (рекомендуется): скрыть информацию об источнике ссылки. 
      • nofollow: укажите поисковым системам игнорировать событие. 
      • sponsored: отметьте ссылку как рекламную. 
  2. (Только для полей «Дата и время») Нажмите на раскрывающийся список Выберите формат и выберите формат для отображения даты и времени.
Скриншот настройки формата отображения поля коллекции Дата и время CMS.
  1. В разделе Цвета нажмите на раскрывающийся список Подключить цвет текста к и выберите поле «Цвет», которое хотите подключить. 
Скриншот подключения цвета текста к типу поля «Цвет».
  1. Нажмите Превью, чтобы проверить подключения. 
  2. Нажмите Опубликовать, если вы готовы опубликовать изменения. 

Подключение сворачивающегося текста к контенту коллекции

Добавьте сворачивающийся текстовый элемент, который может отображать только первые несколько строк текста, пока посетители не нажмут, чтобы развернуть весь текст. Обязательно настройте параметры Изменить текст, чтобы кнопка «Показать больше» раскрывалась перед подключением к CMS. Кроме того, вы можете настроить кнопку «Показать больше» так, чтобы она ссылалась на одну статическую ссылку, которая открывается, когда посетители нажимают на ссылку. 
  1. Перейдите на нужную страницу в редакторе.
  2. Добавьте на страницу сворачивающийся текстовый элемент:
    1. Нажмите Добавить элементы в левой части редактора.
    2. Нажмите Текст. 
    3. Нажмите Сворачивающийся текст.
    4. Нажмите и перетащите сворачивающийся текстовый элемент на страницу. 
Скриншот добавления сворачивающегося текстового элемента.
  1. Нажмите Изменить текст и отредактируйте настройки сворачивающегося текстового поля: 
    • Изменить текст: вам не нужно редактировать это поле, поскольку вы подключите текст из коллекции CMS. 
    • Действие кнопки: выберите, что происходит, когда посетители нажимают на кнопку:
      • Раскрыть: (рекомендуется) Кнопка раскрывается, чтобы показать весь текст. Отредактируйте следующие поля: 
        • Текст кнопки "Раскрыть": введите текст, который будет отображаться на кнопке «Раскрыть» (например, «Подробнее»).
        • Текст кнопки свернуть: введите текст, который будет отображаться на кнопке свернуть (например, «Свернуть»).
      • Ссылка: открывается статическая ссылка. Отредактируйте следующие поля:
        Примечание: в настоящее время нет возможности подключить эту ссылку к набору данных или полю коллекции. 
        • Текст кнопки ссылки: введите текст, который будет отображаться на кнопке со ссылкой (например, «Ссылка на статью»). 
        • Ссылки на: нажмите Выбрать ссылку и выберите направление ссылки для кнопки. 
    • SEO и доступность: введите доступное имя элемента и выберите HTML-тег. Подробнее о подготовке структуры сайта. 
Скриншот редактирования настроек сворачивающегося текстового элемента.
  1. Нажмите на значок  Подключить к CMS на сворачивающемся текстовом элементе. 
  2. Нажмите на раскрывающийся список Выберите набор данных и выберите существующий набор данных, который подключается к коллекции. Или вы можете выбрать Добавить набор данных, а затем выбрать коллекцию, которую хотите подключить.
  3. Нажмите на раскрывающийся список Подключить текст к и выберите поле коллекции, которое вы хотите подключить. 
    Совет: вы можете подключить сворачивающиеся текстовые элементы к следующим типам полей коллекции: текст, число, URL-адрес, дата и время, время, форматированный текст и адрес.
Скриншот подключения сворачивающегося текста к полю коллекции.
  1. Нажмите значок Макет  на сворачивающемся тексте и настройте макет.
  2. Нажмите Превью, чтобы проверить подключения. 
  3. Нажмите Опубликовать, если вы готовы опубликовать изменения. 

Подключение рамки текста к контенту коллекции

Добавьте элемент бегущей строки, который отображает прокрутку текста из вашей коллекции CMS. 
  1. Перейдите на нужную страницу в редакторе.
  2. Добавьте на страницу элемент текстовой маски:
    1. Нажмите Добавить элементы в левой части редактора.
    2. Нажмите Текст. 
    3. Нажмите Бегущая строка.
    4. Нажмите и перетащите элемент бегущей строки на страницу. 
Скриншот добавления элемента бегущей строки в редакторе Wix.
  1. Нажмите на значок Подключить к CMS в области текста. 
  2. Нажмите на раскрывающийся список Выберите набор данных и выберите существующий набор данных, который подключается к коллекции. Или вы можете выбрать Добавить набор данных, а затем выбрать коллекцию, которую хотите подключить.
  3. Нажмите на раскрывающийся список Подключить текст к и выберите поле коллекции, которое вы хотите подключить. 
    Совет: вы можете подключить бегущую строку к следующим типам полей коллекции: текст, число, URL-адрес, дата и время, время и адрес.
Скриншот подключения поля коллекции к бегущей строке.
  1. Нажмите значок Дизайн , чтобы настроить форматирование текста, разделитель и движение, используемое для бегущей строки. Подробнее о настройке бегущей строки. 
  2. Нажмите Предпросмотр в правом верхнем углу, чтобы протестировать подключения.
  3. Нажмите Опубликовать, если вы готовы внести изменения.

Подключение текстовой маски к контенту коллекции

Добавьте текстовую маску, которая отображает видео внутри текста. Подключите текстовую маску к полю коллекции CMS, которое вы хотите отобразить. Затем перейдите в панель Дизайн, чтобы добавить свое видео или выбрать видео от Wix.
Важно:
В настоящее время невозможно прикрепить текстовые маски к репитерам. 
  1. Перейдите на нужную страницу в редакторе.
  2. Добавьте на страницу элемент текстовой маски:
    1. Нажмите Добавить элементы в левой части редактора.
    2. Нажмите Текст. 
    3. Нажмите Маска текста.
    4. Нажмите и перетащите текстовую маску на страницу. 
Скриншот добавления текстовой маски в редакторе Wix.
  1. Нажмите на значок Подключить к CMS в маске текста. 
  2. Нажмите на раскрывающийся список Выберите набор данных и выберите существующий набор данных, который подключается к коллекции. Или нажмите Создать новый набор данных, а затем выберите коллекцию, которую вы хотите подключить.
  3. Нажмите на раскрывающийся список Подключить текст к и выберите поле коллекции, которое вы хотите подключить. 
    Совет: вы можете подключить текстовые маски к следующим типам полей коллекции: текст, число, URL-адрес, дата и время, время и адрес.
Скриншот подключения текстовой маски к полю коллекции CMS.
  1. Нажмите значок Дизайн и настройте заливку фона, формат текста и тень. Подробнее о настройке текстовой маски. 
Скриншот изменения видео, используемого в текстовой маске.
  1. Нажмите Превью, чтобы проверить подключения. 
  2. Нажмите Опубликовать, если вы готовы опубликовать изменения. 

Подключение текстовых эффектов к контенту коллекции

Подключите элемент текстовых эффектов к контенту CMS, чтобы отображать динамический и вовлекающий текст на сайте. 

Чтобы подключить текстовые эффекты к CMS:

  1. Перейдите на нужную страницу в редакторе Studio.
  2. Добавьте на страницу элемент с текстовыми эффектами:
    1. Нажмите Добавить элементы  в левой части редактора.
    2. Нажмите Текст.
    3. Нажмите Эффекты для текста. 
    4. Нажмите и перетащите выбранный элемент с текстовыми эффектами, чтобы добавить его на страницу. 
Скриншот добавления элемента с текстовыми эффектами в редакторе Studio.
  1. Нажмите на значок Подключить к CMS на элементе с текстовыми эффектами. 
  2. Нажмите на раскрывающийся список Выберите набор данных и выберите существующий набор данных, который подключается к коллекции. Или вы можете выбрать Добавить набор данных, а затем выбрать коллекцию, которую хотите подключить.
  3. Нажмите на раскрывающийся список Подключить текст к и выберите поле коллекции, которое вы хотите подключить. 
    Совет: вы можете подключить текстовые эффекты к следующим типам полей коллекции: текст, число, URL-адрес, дата и время, время и адрес.
  4. (Необязательно) Нажмите на раскрывающийся список Подключить к и выберите, что будет происходить, когда посетители нажимают на элемент с текстовыми эффектами: 
    • Действия: выберите действие для набора данных, которые появятся, когда посетители нажмут на элемент с текстовыми эффектами (например, «Показать еще, применить фильтры»).
      Примечание: действия с набором данных недоступны, когда элемент прикреплен к повторяющемуся списку.  
    • Динамические страницы: выберите динамическую страницу, к которой посетители перейдут при нажатии на элемент. Затем выберите, как открывается ссылка: в текущем окне или в новом окне.
    • Поля: выберите тип поля «Документ», «URL-адрес», «Изображение» или «Видео», которое будет открываться в новой вкладке, когда посетители нажимают на элемент. 
Скриншот с параметрами подключения набора данных для элемента с текстовыми эффектами.
  1. Дизайн элемента текстового эффекта. 
  2. Форматирование текста элемента. 
  3. Нажмите значок Превью  в правом верхнем углу, чтобы проверить подключение. 
  4. Нажмите Опубликовать, если вы готовы опубликовать изменения. 

Была ли статья полезна?

|

Helpmate

Привет,

Нужны дополнительные рекомендации?
Краткое содержание этой статьи
Unlock personalized helpLog in to get the most out of Helpmate.