Редактор Wix: Добавление и настройка масок текста
4 мин. чтения
Маски для текста — отличный инструмент для коротких фрагментов текста, предназначенных для привлечения внимания посетителей. Они позволяют отображать внутри изображение, видео или градиент, чтобы ваш текст действительно выделялся на странице.
![GIF с изображением леса в тексте с надписью «Untold Stories» (Нерассказанные истории)](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2023/11/03/0d860607-9020-456c-8957-3feea9d91130/fead554e-e689-4706-a768-a0db8a292745.gif)
Содержание:
Добавление элемента маски текста
Начнем с добавления элемента маски текста на ваш сайт.
Совет:
Мы рекомендуем добавлять до 10 масок текста на страницу, чтобы обеспечить наилучшую производительность сайта на мобильных устройствах.
Чтобы добавить элемент маски текста:
- Откройте нужную страницу в редакторе.
- Нажмите Добавить элементы
.
- Нажмите Текст.
- Нажмите Маска текста.
- Перетащите понравившийся дизайн маски текста на страницу.
Совет: некоторый дизайн текстов включает фоновое видео. Наведите курсор на дизайн на панели, чтобы увидеть его в действии.
![Скриншот с панелью «Добавить» в редакторе и с опцией добавления маски текста на сайт.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/13691038-5aa8-4672-9b95-348c0733cabc/2023/10/02/0a743b40-e97f-4e2e-a1db-7c4fb9e564c6/3f81e574-9fe1-42a7-b80a-bc440ed8d1d2.png)
Изменение текста в маске текста
После того, как вы добавили элемент маски текста, вы можете приступить к его настройке. Можно начать с изменения непосредственно текста.
Чтобы изменить текст:
- Нажмите на элемент маски текста в редакторе.
- Нажмите Изменить текст.
- Введите свой текст в разделе Добавьте свой текст.
Примечание: текст сохранится автоматически.
![Скриншот, показывающий выделенную маску текста и возможность изменить текст.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/06/25/fd88627b-0a8b-4d23-80c3-bac3d42ef0e5/4a8d09c5-7f83-4111-b944-6e23bd47d4af.png)
Изменение размера элемента маски текста
Теперь измените размер маски текста, чтобы она идеально помещалась на странице.
Чтобы изменить размер маски текста:
- Нажмите на элемент в редакторе.
- Перетащите маркеры вокруг элемента, чтобы увеличить или уменьшить его размер.
![GIF, показывающий движение маркеров вокруг элемента. Они перемещаются вперед и назад, демонстрируя изменение размера.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/06/25/304f28f8-46b7-44cb-a680-f1067bab26b9/f45c9cd8-8e14-4f89-b0a0-457933232e08.gif)
Настройка дизайна элемента маски текста
И наконец, добавьте яркости маске текста, изменив ее дизайн.
Чтобы настроить дизайн макси текста:
- Нажмите на элемент маски текста в редакторе.
- Нажмите значок Дизайн
.
- Выберите, как вы хотите настроить дизайн маски текста:
Настроить заливку
Отформатировать текст
Определите тень