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

Узнайте как использовать Wix для создания своего сайта и бизнеса.

Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.

Управляйте подписками, планами и счетами.

Управляйте своим бизнесом и общайтесь с пользователями.

Узнайте, как приобрести, подключить или перенести домен на свой сайт.

Получите инструменты для развития вашего бизнеса и присутствия в интернете.

Повышайте свою видимость с помощью инструментов SEO и маркетинга.

Получайте расширенные функции, которые помогут вам работать более эффективно.

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

Совершенствуйте навыки с помощью наших курсов и учебных статей.

Получайте рекомендации по веб-дизайну, маркетингу и многому другому.

Узнайте, как увеличить органический трафик из поисковых систем.

Создайте собственный сайт на нашей полнофункциональной платформе.

Найдите подходящего специалиста, который поможет вам достичь целей.

Другие элементы в мобильной версии

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

10 мин.

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

В этой статье вы узнаете больше о:

Примечание:

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

Скрытие вкладок с мобильного сайта

Если вы не хотите отображать вкладки на своем мобильном сайте, их можно легко скрыть. После того, как вы скроете вкладки, вы можете снова отобразить их из панели Скрыть в мобильной версии.

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

Откройте мобильный редактор.
Нажмите на вкладку.
Нажмите значок Скрыть элемент .

Настройка макета вкладок на мобильном устройстве

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

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

Нажмите на вкладку в мобильном редакторе.
Нажмите на значок Макет .
Выберите, как вы хотите настроить макет вкладки:
- Меню вкладки: выберите, насколько вы хотите растянуть меню вкладок:
  - Выровнено: меню не занимает всю ширину бокса. Вы можете выбрать, как выровнять элементы меню: по левому краю, по центру или по правому краю бокса.
  - Растянуто: меню занимает всю ширину бокса. Вы можете выровнять содержимое меню по левому краю, центру или по правому краю бокса.
- Интервал между вкладками: увеличивайте или уменьшайте интервал между вкладками.
- Интервал между вкладками и боксом: увеличьте или уменьшите расстояние между меню и контентом.
- Горизонтальные отступы: отрегулируйте отступ слева и справа от пунктов меню.
- Вертикальные отступы: отрегулируйте отступы сверху и снизу от пунктов меню.
- Если все вкладки не входят: выберите, как отображать вкладки, которые не помещаются в верхнем меню:
  - Прокрутка: посетители могут прокручивать меню, чтобы увидеть все элементы.
  - 2-й ряд: добавляется еще один ряд, чтобы все элементы уместились Вы можете использовать ползунок, чтобы увеличить или уменьшить интервал между рядами вкладок в меню.
- Показать вкладки: отображать элементы в верхнем меню слева направо или наоборот.

Настройка дизайна вкладок на мобильном устройстве

Измените дизайн элемента вкладки, чтобы он соответствовал внешнему виду мобильного сайта. Вносимые вами изменения не влияют на компьютерную версию сайта. Настройте такие параметры, как текст и цвет заливки вкладок.

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

Нажмите на элемент в редакторе.
Нажмите значок Дизайн .
Выберите вариант в разделе Дизайн чего вы хотите настроить? и настройте его с помощью доступных опций:

Меню вкладок

Вкладки

Кнопка прокрутки

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

В раскрывающемся списке выберите кнопку прокрутки.
Нажмите на состояние (например, в покое , при наведении).
Выберите, как вы хотите настроить кнопку для этого состояния:
- Заливка фона : выберите фон, подходящий для кнопки прокрутки, и настройте его отображение. Вы можете добавить несколько слоев и настроить дизайн каждого из них отдельно, чтобы создать уникальный привлекательный фон.
- Границы : добавьте границы к кнопке прокрутки, чтобы создать привлекательный контраст. Выберите дизайн и цвет, а также установите ширину.
- Уголки : выберите, как будут выглядеть углы кнопки прокрутки. Вы можете настроить каждый угол по-разному, изменив радиус скругления.
- Тени : добавьте тени к кнопке прокрутки для создания 3D-эффекта. Вы можете установить размер, видимость, угол и многое другое, чтобы сделать ее более заметной.
- Значок : настройте дизайн значка кнопки прокрутки, чтобы выделить его в меню вкладок и поощрить посетителей к исследованию контента на вашем сайте.
- Макет : отрегулируйте отступы вокруг кнопки прокрутки. Вы можете включить или отключить значок замка , чтобы настроить каждую сторону отдельно или сделать так, чтобы они совпадали.

Рамка

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

В этой статье

Скрытие вкладок с мобильного сайта
Настройка макета вкладок на мобильном устройстве
Настройка дизайна вкладок на мобильном устройстве