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

Приложения Wix: Дизайн по направляющим

3 мин.
Дополнение Wix Дизайн по направляющим позволяет создавать ряды, колонны или ячейки в редакторе Studio, чтобы создавать макеты и структурировать сайт. 
Это дополнение отображается в редакторе в виде цветной сетки и не отображается на опубликованном сайте. Дополнение поможет вам разместить элементы на сайте и убедиться, что все выровнено правильно.
Дополнение Дизайн по направляющим Wix доступно только в редакторе Wix Studio.
Снимок экрана с панелью Дизайн по направляющим

Добавление Дизайна по направляющим Wix

Добавьте дополнение Дизайн по направляющим Wix из инструментов редактора Studio.

Чтобы добавить дополнение Дизайн по направляющим Wix:

  1. Нажмите значок Wix Studio.  в левом верхнем углу.
  2. Нажмите Инструменты
  3. Нажмите Дополнения редактора
  4. Нажмите Получить дополнения
  5. Нажмите Дизайн по направляющим
Скриншот со значком Wix Studio и инструкциями для добавления дополнений в редакторе

Настройка дополнения Дизайн по направляющим Wix

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

Чтобы настроить эти параметры:

  1. Нажмите значок Wix Studio.  в левом верхнем углу.
  2. Нажмите Инструменты.
  3. Нажмите Дополнения редактора.
  4. Нажмите Направляющие дизайна.
  5. Нажмите на значок раскрывающегося списка  рядом со Столбцами, чтобы отобразить настройки. 
  6. Выберите, что вы хотите настроить:
    • Тип направляющих: нажмите на значок раскрывающегося списка   чтобы выбрать.
    • Выравнивание: установите выравнивание: растянуть, слева, справа или по центру. 
    • Колонки: введите нужное количество колонок.
    • Ширина полей: установите ширину полей.
    • Ширина отступов: установите ширину отступов сетки. Это расстояние между колонками сетки. 
    • Ширина столбцов: в зависимости от установленного выравнивания, ширина столбцов может быть на значении Авто.
    • Прозрачность и цвет: установите цвет для столбцов и настройте прозрачность. 
  7. (Необязательно) Нажмите Добавить направляющие, чтобы добавить на сайт новое направляющее дизайна.
    Примечание: в этом случае направляющие наслаиваются друг на друга, чтобы розовые линии были более видны при редактировании.
Снимок экрана, показывающий настройки для дополнения «Дизайн по направляющим».
Снимок экрана с панелью Дизайн по направляющим
Скриншот со значком Wix Studio и инструкциями для добавления дополнений в редакторе
Снимок экрана, показывающий настройки для дополнения «Дизайн по направляющим».