Редактор Studio: Добавление и настройка масок текста
5 мин. чтения
Маски текста - это отличный инструмент для коротких фрагментов текста, предназначенных для привлечения внимания посетителей. Вы можете установить фон (заливку) текста в качестве изображения, видео или градиента, чтобы он был гораздо более заметным на странице.
![GIF с примером элемента маски текста с заливкой видео](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/04/24/db147a66-dbda-4d8c-a879-9912fb80d41e/c0e9888b-fc57-4adc-98b0-c3b49f7e2f65.gif)
Содержание:
Добавление элемента маски текста
Перейдите на панель «Добавить элементы», чтобы добавить новый элемент маски текста. Выберите понравившийся дизайн и перетащите его на страницу. Вы можете полностью настроить его позже в панели инспектора.
Совет:
Мы рекомендуем добавлять до 10 масок текста на страницу, чтобы обеспечить наилучшую производительность сайта на мобильных устройствах.
Чтобы добавить маску текста:
- Нажмите Добавить элементы
в левой части редактора.
- Нажмите Текст.
- Нажмите Маска текста.
- Перетащите понравившийся дизайн маски текста на страницу.
Совет: некоторый дизайн текстов включает фоновое видео. Наведите курсор на дизайн на панели, чтобы увидеть его в действии. - Введите текст, который должен отображаться на этом элементе:
- Нажмите на только что добавленную маску текста.
- Нажмите Изменить текст.
- Введите текст, который вы хотите отобразить.
![Превью видео, которое отображается при наведении курсора на маску текста в панели «Добавить элементы».](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/19/3246e706-1403-4543-b304-d47ab1956a14/b7847bfa-4541-43cc-b01e-ef61763b5dae.gif)
Изменение текста в маске текста
Вы можете в любое время отредактировать текст, который отображается в маске текста. Нажмите клавишу Enter на клавиатуре, чтобы создать нужное количество текстовых строк.
Чтобы изменить текст в маске текста:
- Выберите элемент маски текста в редакторе.
- Нажмите Изменить текст.
- Введите текст в разделе Добавьте свой текст.
![Скриншот панели изменения текста, на которой вы вводите желаемый текст.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/19/e364c33f-fae2-4a74-8b7e-d41fddadcbb5/0ee85e51-8854-4b67-8864-bee47729edc7.png)
Совет:
Управляйте заглавными буквами в панели инспектора. Например, вы можете сделать весь текст в верхнем или нижнем регистре (см. «Дизайн маски текста» ниже).
Дизайн маски текста
Из панели Инспектора, вы можете настроить имеющийся дизайн маски текста или создать его с нуля в зависимости от ваших потребностей. Вы можете добавить заливку медиафайлом / градиентом, изменить интервал между буквами и линиями и многое другое.
Чтобы настроить дизайн макси текста:
- Выберите элемент маски текста в редакторе.
- Нажмите стрелку Открыть инспектор
в правом верхнем углу редактора.
- Прокрутите вниз до раздела Дизайн.
- Выберите, как вы хотите настроить маску текста:
Установите заливку в виде фото или видео
Установите фон градиента
Отформатируйте и выровняйте текст
Измените регистр текста
Была ли статья полезна?
|