Приложения Wix: Дизайн по направляющим
3 мин. чтения
Дополнение Wix Дизайн по направляющим позволяет создавать ряды, колонны или ячейки в редакторе Studio, чтобы создавать макеты и структурировать сайт.
Это дополнение отображается в редакторе в виде цветной сетки и не отображается на опубликованном сайте. Дополнение поможет вам разместить элементы на сайте и убедиться, что все выровнено правильно.
Дополнение Дизайн по направляющим Wix доступно только в редакторе Wix Studio.
![Снимок экрана с панелью Дизайн по направляющим](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/13691038-5aa8-4672-9b95-348c0733cabc/2023/06/15/96b4af1a-94fc-4521-8c05-9432531c5c3c/2679c737-801f-4003-a2ce-e116cec726f6.png)
Добавление Дизайна по направляющим Wix
Добавьте дополнение Дизайн по направляющим Wix из инструментов редактора Studio.
Чтобы добавить дополнение Дизайн по направляющим Wix:
- Нажмите значок Wix Studio.
в левом верхнем углу.
- Нажмите Инструменты.
- Нажмите Дополнения редактора.
- Нажмите Получить дополнения.
- Нажмите Дизайн по направляющим.
![Скриншот со значком Wix Studio и инструкциями для добавления дополнений в редакторе](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/13691038-5aa8-4672-9b95-348c0733cabc/2023/10/18/03b7ac07-ee95-4e05-985d-4ca29f822b99/4bd6914f-df18-47cd-8272-5da2e9a7f323.png)
Настройка дополнения Дизайн по направляющим Wix
Настройте сетку, чтобы получить нужный вам лейаут. Измените количество колонок или рядов в сетке, поменяйте их размер и отступы. Настройки меняются в зависимости от выбранного типа сетки.
Чтобы настроить эти параметры:
- Нажмите значок Wix Studio.
в левом верхнем углу.
- Нажмите Инструменты.
- Нажмите Дополнения редактора.
- Нажмите Направляющие дизайна.
- Нажмите на значок раскрывающегося списка
рядом со Столбцами, чтобы отобразить настройки.
- Выберите, что вы хотите настроить:
- Тип направляющих: нажмите на значок раскрывающегося списка
чтобы выбрать.
- Выравнивание: установите выравнивание: растянуть, слева, справа или по центру.
- Колонки: введите нужное количество колонок.
- Ширина полей: установите ширину полей.
- Ширина отступов: установите ширину отступов сетки. Это расстояние между колонками сетки.
- Ширина столбцов: в зависимости от установленного выравнивания, ширина столбцов может быть на значении Авто.
- Прозрачность и цвет: установите цвет для столбцов и настройте прозрачность.
- Тип направляющих: нажмите на значок раскрывающегося списка
- (Необязательно) Нажмите Добавить направляющие, чтобы добавить на сайт новое направляющее дизайна.
Примечание: в этом случае направляющие наслаиваются друг на друга, чтобы розовые линии были более видны при редактировании.
![Снимок экрана, показывающий настройки для дополнения «Дизайн по направляющим».](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/13691038-5aa8-4672-9b95-348c0733cabc/2023/10/18/3d9be0a6-aebd-47ac-a058-f52923d5ca18/9db48797-3b51-4c3e-b0c8-49ff95ff1d46.png)