header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image

Редактор Wix: настройка стиля и дизайна сайта

3 мин.
Используя всего две панели в редакторе, вы можете изменить внешний вид всего сайта. 
Используйте панель «Дизайн сайта», чтобы выбрать цвет и стиль текста, а также изменить фон страницы и переходы. Затем вы можете добавить элементы в вашем стиле из панели «Добавить элементы».
Панель дизайна сайта открывается в редакторе сайта Wix.

Выбор стиля сайта

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

Чтобы выбрать и настроить стиль сайта:

  1. Перейдите в редактор.
  2. Нажмите Дизайн сайта  в левой части редактора.
  3. Нажмите Изменить стиль.
  4. Выберите стиль из списка.
  5. (Необязательно) Настройте шрифты и цвета стиля: 
    • Цвета: выберите цвета и палитру, которые будут отображаться на вашем сайте. 
    • Текст : выберите стиль текста и настройте его для различных типов текста (например, заголовков и абзацев), которые используются на вашем сайте. 
Скриншот, на котором курсор выбирает другую тему сайта на панели.

Добавление элементов в стиле шаблона

Добавьте элементы в стиле шаблона, чтобы обеспечить единообразие дизайна сайта. Эти элементы были подобраны специально для вас, поскольку они соответствуют выбранному вами цвету и стилям текста. 
Поскольку элементы в стиле шаблона привязаны к стилю вашего сайта, они автоматически обновляются, если вы выбираете новый стиль на панели «Дизайн сайта».

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

  1. Перейдите в редактор.
  2. Нажмите Добавить элементы  в левой части редактора.
  3. Нажмите на раздел (например, «Текст в стиле шаблона»).
  4. Нажмите на меню, чтобы добавить его, или перетащите в нужное место на сайте.
Текстовая вкладка в панели Добавить элементы. Подзаголовок тематического текста выделен.
Примечание:
Не все элементы на панели «Добавить элементы» содержат версии элементов в стиле шаблона.

Настройка фона страницы

На панели «Дизайн сайта» вы можете изменить фон страницы, на которой вы находитесь в редакторе. Выберите цвет, фон для изображения или видео и настройте его.

Чтобы выбрать фон страницы:

  1. Перейдите в редактор.
  2. Нажмите Дизайн сайта  в левой части редактора.
  3. Нажмите Фон страниц
  4. Выберите тип фона для страницы:
    • Цвет фона: выберите цвет из списка цветов сайта или добавьте новый для фона страницы. 
    • Фон изображения: выберите из ряда бесплатных и недорогих стоковых изображений, чтобы добавить их на фон страницы, или загрузите свои собственные. 
    • Фон видео: выберите из множества высококачественных видео, чтобы установить их в качестве фона страницы, или загрузите собственное видео. 
Снимок экрана, показывающий, какой цвет выбран на панели в качестве фона страницы.
Совет:
Установите фон сразу для нескольких страниц сайта, нажав на кнопку Добавить на другие страницы в нижней части панели.

Применение эффектов перехода между страницами

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

Чтобы применить эффект перехода к страницам:

  1. Перейдите в редактор.
  2. Нажмите Дизайн сайта  в левой части редактора.
  3. Нажмите Переходы страниц.
  4. Выберите переход для страниц из доступных вариантов
Gif-изображение, показывающее горизонтальный переход между главной страницей и страницей контактов.