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

6 мин. чтения
Сворачивающийся текст поможет вам разместить информацию на мобильном сайте в сжатом виде. При этом посетители могут прочитать сворачивающийся текст целиком и получить всю необходимую информацию. Часть текста остается скрытой. Посетители могут просмотреть весь текст, нажав кнопку, которая раскрывает текст или ведет на отдельную страницу.
Есть два типа сворачивающегося текста, которые можно использовать на мобильном сайте:
  • Сворачивающийся текст, перенесенный из редактора на компьютере.
  • Сворачивающийся текст, который вы добавляете из панели «Добавить» в мобильном редакторе. Этот текст доступен только на мобильных устройствах и не отображается в полной версии сайта.
Не уверены, откуда элемент: из полной или мобильной версии?
Элементы только для мобильных устройств помечены значком мобильного устройства при нажатии на них в мобильном редакторе.
Содержание:

Настройка сворачивающегося текста на компьютере

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

Добавление сворачивающегося текста только для мобильных устройств

Добавьте сворачивающийся текст из панели «Добавить» в мобильном редакторе. Эти текстовые поля видны только на вашем мобильном сайте, вы можете полностью контролировать их настройки и содержимое.

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

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

Настройка макета и поведения текстового поля

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

Чтобы настроить макет сворачивающегося текстового поля:

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

Редактирование сворачивающегося текста на мобильном устройстве

После того как вы выбрали способ просмотра всего текста, введите текст в поле. Вы также можете отредактировать текст кнопки раскрытия или настроить ссылку, которая направляет посетителей на страницу с полной версией текста.

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

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

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