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

В этой статье мы поговорим о добавлении ротатора текста, а затем об изменении его цвета и размера шрифта.

Шаг 1. Добавление элемента «ротатор текста»

Для того, чтобы добавить блок со встроенным ротатором текста, нажмите на «плюс» в редакторе:



Откройте вкладку Первый экран и выберите блок wireframe-series-11-cover:



Если же вы хотите добавить элемент в существующий блок, нажмите на «плюсик:»



Прокрутите список элементов и выберите Ротатор текста:

Шаг 2. Добавление собственного текста в ротатор

Нажмите на шестерёнку, чтобы открыть настройки ротатора:



Здесь вы можете добавить свой текст и установить его задержку:

Шаг 3. Настройка цвета и размера шрифта для ротатора

У элемента «ротатор текста» нет собственных настроек шрифта и цвета — они берутся из глобального стиля сайта. Другими словами, если вы хотите изменить цвет ротатора, то вам нужно будет изменить цвет в палитре сайта, а если вы хотите настроить его шрифт, то помогут глобальные настройки для шрифтов сайта.

Изменение цвета ротатора

Цветом ротатора управляет Тёмный оттенок в палитре сайта. Однако учтите, что изменив его, изменится и цвет других элементов, которые используют Тёмный оттенок.

Больше про то, как открыть палитру сайта и изменить настройки цветов, в нашей статье Цветовая палитра сайта.

Изменение размера шрифта ротатора

Типографика, которая используется для ротатора текста, называется Hero title. Изменив её размер, изменится и размер ротатора. Однако, так же как и с цветом, изменится размер всех остальных Hero title на сайте.

Статья Изменение шрифта на сайте подскажет вам, как всё правильно настроить.

Обновлено на: 05/12/2023