Робота з елементом «ротатор тексту»
Елемент «ротатор тексту» дозволяє зробити динамічний текст, що запам'ятовується, в будь-якому місці вашого веб-сайту. Текст в цьому елементі самостійно змінюється і в цілому може описувати ваші переваги як компанії або показувати вигоду від, скажімо, акції. Ви можете використовувати ротатор тексту як частину блоку-обкладинки або додати його в якості додаткового елементу до будь-якого наявного блоку.
У цій статті ми поговоримо про додавання ротатора тексту, а також про зміну його кольору і розміру шрифту.
Для того, щоб додати блок із вбудованим ротатором тексту, натисніть на «плюс» в редакторі:
Відкрийте вкладку Перший екран і виберіть блок wireframe-series-11-cover:
Якщо ж ви хочете додати елемент в наявний блок, натисніть на «плюсик:»
В списку елементів оберіть Ротатор тексту:
Натисніть на шестірню, щоб відкрити налаштування ротатора:
Тут ви можете додати свій текст і встановити його затримку:
В елемента «ротатор тексту» немає власних налаштувань шрифту та кольору — вони беруться з глобального стилю сайту. Іншими словами, якщо ви хочете змінити колір ротатора, то вам потрібно буде змінити колір в палітрі сайту, а якщо ви хочете налаштувати його шрифт, то допоможуть глобальні налаштування для шрифтів сайту.
Кольором ротатора керує Темний відтінок в палітрі сайту. Однак врахуйте, що змінивши його, зміниться і колір інших елементів, які використовують Темний відтінок.
Більше про те, як відкрити палітру сайту і змінити налаштування кольорів, в нашій статті Кольорова палітра сайту.
Типографіка, яка використовується для ротатора тексту, називається Hero title. Змінивши її розмір, зміниться і розмір ротатора. Однак, так само як і з кольором, зміниться розмір всіх інших Hero title на сайті.
Стаття Зміна шрифту на сайті підкаже вам, як все правильно налаштувати.
У цій статті ми поговоримо про додавання ротатора тексту, а також про зміну його кольору і розміру шрифту.
Крок 1. Додавання елемента «ротатор тексту»
Для того, щоб додати блок із вбудованим ротатором тексту, натисніть на «плюс» в редакторі:
Відкрийте вкладку Перший екран і виберіть блок wireframe-series-11-cover:
Якщо ж ви хочете додати елемент в наявний блок, натисніть на «плюсик:»
В списку елементів оберіть Ротатор тексту:
Крок 2. Додавання власного тексту в ротатор
Натисніть на шестірню, щоб відкрити налаштування ротатора:
Тут ви можете додати свій текст і встановити його затримку:
Крок 3. Налаштування кольору та розміру шрифту для ротатора
В елемента «ротатор тексту» немає власних налаштувань шрифту та кольору — вони беруться з глобального стилю сайту. Іншими словами, якщо ви хочете змінити колір ротатора, то вам потрібно буде змінити колір в палітрі сайту, а якщо ви хочете налаштувати його шрифт, то допоможуть глобальні налаштування для шрифтів сайту.
Зміна кольору ротатора
Кольором ротатора керує Темний відтінок в палітрі сайту. Однак врахуйте, що змінивши його, зміниться і колір інших елементів, які використовують Темний відтінок.
Більше про те, як відкрити палітру сайту і змінити налаштування кольорів, в нашій статті Кольорова палітра сайту.
Зміна розміру шрифту ротатора
Типографіка, яка використовується для ротатора тексту, називається Hero title. Змінивши її розмір, зміниться і розмір ротатора. Однак, так само як і з кольором, зміниться розмір всіх інших Hero title на сайті.
Стаття Зміна шрифту на сайті підкаже вам, як все правильно налаштувати.
Оновлено: 05/12/2023
Дякуємо!