Wix Editor: изменение масштаба, положения и прозрачности фонового изображения
3 мин.
Добавление фонового изображения поможет выделить вашу страницу. Есть несколько простых вещей, которые вы можете сделать, чтобы сделать ее по-настоящему уникальной. Например, вы можете изменить масштаб и положение изображения, добавить эффект прокрутки или настроить уровень прозрачности самого изображения.
Изменение прозрачности фонового изображения страницы
Прозрачность — это характеристика, определяющая степень видимости объекта. Когда вы делаете что-то темнее, вы увеличиваете уровень непрозрачности. Вы можете настроить прозрачность фонового изображения, увеличивая или уменьшая ее.
Чтобы изменить прозрачность фонового изображения:
- Перейдите на нужную страницу в редакторе.
- Нажмите Дизайн сайта
в левой части редактора.
- Нажмите Фон страницы.
- Выберите действие:
- Готовое изображение: выберите готовое изображение из доступных вариантов.
- Загрузить свое изображение: выполните шаги для загрузки нового изображения.
- Нажмите Изображение.
- Нажмите Загрузить медиа.
- Загрузите изображение удобным для вас способом.
- Нажмите Изменить фон.
- Нажмите Настройки
на превью фона с изображением.
Примечание: кнопка настроек появляется только в том случае, если изображение выбрано или загружено.
- Перетащите ползунок Прозрачность изображения (%), чтобы сделать изображение более или менее видимым.
- (Необязательно) Нажмите на поле Цвет под изображением и выберите цвет.
Добавление эффектов прокрутки к фоновому изображению
Добавьте изюминку своему изображению, применив эффект прокрутки. Вы можете выбрать эффект параллакса или замораживания. Что это такое?
Эффект параллакса позволяет переднему и заднему плану двигаться, но фон движется медленнее, создавая иллюзию глубины. Эффект замораживания означает, что фон страницы не движется, когда посетители прокручивают страницу, в то время как контент сверху перемещается.
Чтобы добавить эффекты прокрутки:
- Перейдите на нужную страницу в редакторе.
- Нажмите Дизайн сайта
- Нажмите Фон страницы.
- Нажмите Настройки .
- Выберите эффект прокрутки:
- Нет: эффект прокрутки отсутствует.
- Параллакс: фон страницы и контент поверх него движутся с разной скоростью, создавая интересный визуальный эффект для посетителей.
Примечание: эффект параллакса не отображается в версии сайта для смартфонов. - Замораживание: фон страницы остается неподвижным, когда посетители прокручивают страницу вверх и вниз, а контент поверх него перемещается.
Изменение масштаба и положения фонового изображения
Измените масштаб и положение фона в соответствии с различными размерами экрана. Вы можете заполнить фоновым изображением весь экран или сохранить определенную ширину и высоту, чтобы оно соответствовало пропорциям экрана.
Чтобы изменить масштаб и положение изображения:
- Добавьте фон изображения.
- Нажмите на фоновое изображение, а затем нажмите Заменить фон.
- Нажмите Настройки.
- В разделе Масштабирование изображения выберите параметр товара:
- Заполнить: размер фонового изображения изменяется в соответствии с размером экрана только на компьютере. Для экранов смартфонов пропорции сохраняются.
- Плитка: фоновое изображение отображается в виде плитки по всему экрану.
- В разделе Положение выберите позицию на сетке.
Ищете дополнительное вдохновение для дизайна?
Центр дизайна Wix — отличный ресурс для поиска идей и трендов в дизайне сайтов.