Приложения 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. (Необязательно) Нажмите Добавить направляющие, чтобы добавить на сайт новое направляющее дизайна.
    Примечание: в этом случае направляющие наслаиваются друг на друга, чтобы розовые линии были более видны при редактировании.
Снимок экрана, показывающий настройки для дополнения «Дизайн по направляющим».

Была ли статья полезна?

|