Редактор Wix: Добавление и настройка сворачивающегося текста

3 мин. чтения
Сворачивающийся текст — удобный вариант для случаев, когда у вас есть много информации, которую надо показать. Часть текста остается скрытой, а посетители могут просмотреть весь текст, нажав на кнопку раскрытия или ссылку на полный текст.
GIF-файл, показывающий, как текст на опубликованном сайте Wix раскрывается и сворачивается.
Совет:
Если вы прикрепите сворачивающийся текст к полоске, столбцу или контейнеру и решите раскрыть его с помощью кнопки, весь контейнер / столбец / полоска изменит свой размер вместе с текстом, когда посетители нажмут на кнопку.

Шаг 1 | Как добавить сворачивающийся текст

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

Чтобы добавить сворачивающийся текст на сайт:

  1. Нажмите на Добавить элементы  в левой части редактора.
  2. Нажмите Текст.
  3. Далее выберите Текст.
  4. Прокрутите вниз до раздела Сворачивающийся текст.
  5. Нажмите и перетащите выбранное текстовое поле, чтобы добавить его на сайт.

Шаг 2 | Настройте макет сворачивающегося текста

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

Чтобы настроить макет текста:

  1. Нажмите на значок Макет рядом с текстовым полем.
  2. Настройте макет, используя следующие параметры:
    • Выберите вариант отображения текста: выберите, каким образом будет показываться полная версия текста: 
      • Свернуть: отображается превью текста, и посетители должны нажать кнопку развертывания или ссылку, чтобы прочитать текст целиком.
      • Показать все: весь текстовый фрагмент отображается на вашем сайте и не сворачивается.
    • Количество отображаемых строк: выберите, сколько строк текста будет отображаться в превью.
    • Выравнивание кнопки: установите выравнивание кнопки раскрытия или ссылки.
    • Интервал между текстом и кнопкой: поменяйте интервал в большую или меньшую сторону
Примечание:
Отображаемые параметры зависят от того, хотите ли вы, чтобы текст сворачивался или отображался целиком.

Шаг 3 | Введите и настройте текст

После настройки внешнего вида и поведения сворачивающегося текстового поля введите полный текст.

Отредактируйте текст на кнопках раскрытия и сворачивания или настройте ссылку, которая ведет посетителей на сайт.
Интересный факт
Сворачивающиеся текстовые поля могут содержать до 120000 символов, поэтому они отлично подходят для показа длинных текстов.

Чтобы отредактировать и настроить текст:

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

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

|