header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image

Редактор Wix: Добавление и настройка масок текста

4 мин.
Маски для текста — отличный инструмент для коротких фрагментов текста, предназначенных для привлечения внимания посетителей. Они позволяют отображать внутри изображение, видео или градиент, чтобы ваш текст действительно выделялся на странице. 
GIF с изображением леса в тексте с надписью «Untold Stories» (Нерассказанные истории)
Содержание:

Добавление элемента маски текста

Начнем с добавления элемента маски текста на ваш сайт. 
Совет:
Мы рекомендуем добавлять до 10 масок текста на страницу, чтобы обеспечить наилучшую производительность сайта на мобильных устройствах.

Чтобы добавить элемент маски текста:

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

Изменение текста в маске текста

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

Чтобы изменить текст:

  1. Нажмите на элемент маски текста в редакторе.
  2. Нажмите Изменить текст.
  3. Введите свой текст в разделе Добавьте свой текст.
    Примечание: текст сохранится автоматически.
Скриншот, показывающий выделенную маску текста и возможность изменить текст.

Изменение размера элемента маски текста

Теперь измените размер маски текста, чтобы она идеально помещалась на странице. 

Чтобы изменить размер маски текста:

  1. Нажмите на элемент в редакторе. 
  2. Перетащите маркеры вокруг элемента, чтобы увеличить или уменьшить его размер.
GIF, показывающий движение маркеров вокруг элемента. Они перемещаются вперед и назад, демонстрируя изменение размера.

Настройка дизайна элемента маски текста

И наконец, добавьте яркости маске текста, изменив ее дизайн. 

Чтобы настроить дизайн макси текста:

  1. Нажмите на элемент маски текста в редакторе.
  2. Нажмите значок Дизайн .
  3. Выберите, как вы хотите настроить дизайн маски текста:
GIF с изображением леса в тексте с надписью «Untold Stories» (Нерассказанные истории)
Скриншот с панелью «Добавить» в редакторе и с опцией добавления маски текста на сайт.
Скриншот, показывающий выделенную маску текста и возможность изменить текст.
GIF, показывающий движение маркеров вокруг элемента. Они перемещаются вперед и назад, демонстрируя изменение размера.