Создание респонсивных сайтов с помощью Wix

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

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

В этой статье вы узнаете, как создать адаптивный сайт в обоих редакторах.

Использование адаптивных функций в редакторе Wix

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

Редактор для смартфонов

Wix автоматически создает версию сайта для смартфонов, используя контент компьютерной версии сайта. Используйте редактор для смартфонов, чтобы настроить дизайн и контент мобильной версии, а также улучшить взаимодействие с посетителями.

GIF-изображение прокрутки в редакторе для смартфонов.

Обратите внимание:

Компьютерная версия сайта и версия для смартфонов — это разные режимы отображения одного и того же сайта, а не отдельные сайты. Изменения в компьютерной версии влияют на версию для смартфонов, в то время как изменения в мобильной версии не влияют на компьютерную.

Элементы во всю ширину

Редактор Wix предлагает множество элементов, которые могут заполнять всю ширину экрана и подстраиваться под размер экрана посетителя (на компьютере).

Следующие элементы являются адаптивными при растягивании на всю ширину:

Секции и полоски

Slideshow во всю ширину

Галереи

Горизонтальные меню и линии

Элементы приложений Wix и Google Карты

Если у элемента есть иконка Растянуть

, это означает, что вы можете растянуть его на всю ширину и сделать адаптивным.

GIF-файл, показывающий сайт в редакторе Wix с полноэкранным слайд-шоу и футером под ним, оба адаптивны при изменении размера браузера

Примечание:

При использовании элементов, которые нельзя растянуть на всю ширину (например, текстовые поля, изображения), обязательно держите их в пределах вертикальных сетки, чтобы элементы отображались правильно на большинстве размеров экрана.

Создание респонсивного сайта в Wix Studio

В Редакторе Studio вы можете создавать полностью адаптивные сайты с красивым дизайном для клиентов. Благодаря передовым функциям платформа позволяет создавать адаптивные сайты быстро и точно.

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

Нажмите ниже, чтобы узнать больше об этих инструментах и функциях.

Настройка для каждого размера экрана