Как веб-дизайнер, вы, вероятно, хорошо знаете о важности отзывчивого дизайна. В современном мире очень важно, чтобы ваш сайт был доступен и прост в использовании на любом устройстве, будь то настольный компьютер, ноутбук, планшет или смартфон.
Wix — это популярный конструктор сайтов, который позволяет создавать и настраивать собственные сайты без необходимости разбираться в коде. Хотя Wix и предлагает отзывчивые шаблоны, они могут быть несколько ограничены в плане вариантов дизайна.
Если вы хотите создать действительно уникальный и отзывчивый сайт, вам придется приложить немного больше усилий. В этой статье мы расскажем вам, как сделать так, чтобы ваш сайт Wix подходил для всех экранов.
1. Выберите правильный шаблон
При создании сайта на Wix первым шагом будет выбор правильного шаблона.
Хотя все шаблоны Wix являются отзывчивыми, некоторые из них более гибкие, чем другие. Если вы хотите получить полный контроль над тем, как ваш сайт будет выглядеть на различных устройствах, мы рекомендуем выбрать шаблон из платформы Wix Corvid. Шаблоны Corvid разработаны с учетом гибкости и предлагают широкий спектр возможностей настройки.
2. Используйте возможности Corvid
Если вы используете шаблон Corvid (или любой другой шаблон), есть несколько функций, которые помогут вам сделать ваш сайт более отзывчивым. Во-первых, вы можете использовать функцию Device Mode в Wix Editor для предварительного просмотра того, как ваш сайт будет выглядеть на различных устройствах. Просто нажмите на значок режима устройства в левом верхнем углу редактора и выберите устройство, которое вы хотите просмотреть. Вы также можете использовать функцию отзывчивых точек разрыва в редакторе для точной настройки того, как ваш сайт будет выглядеть на экранах разных размеров.
3. Добавьте пользовательский CSS
Еще один способ сделать ваш сайт Wix подходящим для всех экранов — добавить пользовательский код CSS.
Это немного более сложный способ, чем использование вышеупомянутых функций, но он дает вам полный контроль над тем, как ваш сайт выглядит на различных устройствах. Просто перейдите на вкладку «Добавить и управлять» в приборной панели вашего сайта и нажмите «Добавить пользовательский код». Отсюда вы можете добавить CSS-код, который отменит стили по умолчанию вашего шаблона.
Вывод:
Сделать сайт Wix подходящим для всех экранов не так уж и сложно. Выбрав правильный шаблон, используя функции Corvid и добавив пользовательский CSS-код, вы сможете легко создать отзывчивый сайт, который будет отлично смотреться на любом устройстве.