Редактор Wix: Добавление и настройка боксов на мобильном сайте | Центр Поддержки

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

4 мин. чтения

Боксы помогают оформлять, организовывать и структурировать контент на мобильном сайте. Внесите изменения в боксы, перенесенные из ПК-версии сайта, и настройте боксы, добавленные из мобильного редактора.

Когда вы добавляете боксы из мобильного редактора, вы можете настроить их границы, тени, цвета и отступы. При редактировании боксов, перенесенных с ПК-версии сайта, вы можете только редактировать анимацию или скрывать их.

Содержание:

Не уверены, откуда элемент — из компьютерной или мобильной версии?

На элементах только для мобильных устройств при нажатии отображается значок мобильных устройств

Боксы, перенесенные с ПК-версии

При добавлении в ПК-версии сайта боксы автоматически добавляются и в мобильной версии. Вы можете добавить анимацию или скрыть бокс.

Примечание:

Взаимодействия при наведении недоступны для мобильных устройств.

Чтобы настроить боксы, перенесенные с компьютера:

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

Совет:

Чтобы показать элемент, нажмите на значок Скрыто в мобильной версии undefined

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

Боксы, добавленные из мобильного редактора

Добавьте бокс сразу на мобильный сайт. Выберите один из готовых дизайнов бокса и настройте его цвета, границы, углы, тени и отступы.

Чтобы добавить и настроить бокс только для мобильных устройств:

Нажмите на значок Добавить в мобильный сайт слева.
Нажмите Бокс.
Нажмите на бокс, который вы хотите добавить на сайт.
Нажмите на значок Дизайн .
Нажмите Настроить дизайн и настройте бокс.

Как это сделать?

Выберите следующие параметры, чтобы настроить дизайн бокса:

Цвет и прозрачность: нажмите на поле цвета, чтобы изменить фон, и перетащите ползунок, чтобы отрегулировать прозрачность.
Граница: настройте границы бокса.
- Прозрачность и цвет: настройте цвет границ и перетащите ползунок, чтобы отрегулировать прозрачность.
- Ширина: перетащите ползунок, чтобы отрегулировать ширину границы. Если граница не нужна, установите значение 0.
Уголки: задайте значение скруглений углов для бокса.
- Радиус: введите число, чтобы скруглить углы бокса или сделать бокс круглым.
- Заблокировать: нажмите на значок замка чтобы радиусы скругления углов оставались одинаковыми.
Тень: нажмите на переключатель, чтобы вокруг бокса отображалась тень.
- Угол: выберите положение на круге или введите числовое значение.
- Расстояние: перетащите ползунок, чтобы увеличить или уменьшить расстояние до тени.
- Размер: перетащите ползунок, чтобы увеличить или уменьшить размер тени.
- Размытие: перетащите ползунок, чтобы увеличить или уменьшить размытие тени.
- Прозрачность и цвет: выберите цвет и перетащите ползунок, чтобы увеличить или уменьшить прозрачность тени.
Отступ: перетащите ползунок, чтобы настроить отступы между границами бокса.

Была ли статья полезна?

В этой статье

Боксы, перенесенные с ПК-версии
Боксы, добавленные из мобильного редактора