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

Редактор Wix: использование инструментов редактора

Редактор Wix предлагает несколько встроенных инструментов, которые сделают процесс дизайна быстрее и точнее. Эти функции можно найти в меню «Инструменты» в правом верхнем углу редактора.
скриншот крупным планом, показывающий меню инструментов в редакторе Wix.

Использование панели инструментов редактора

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

Чтобы включить панель инструментов:

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

Использование панели слоев

Панель «Слои» показывает все элементы на странице. Панель разделена на основные части страницы (хедер, страница и футер), чтобы вы могли легко найти нужные элементы.
После включения панель «Слои» отображается как плавающее окно, которое можно перетащить в любое место в редакторе. Вы можете включить ее, нажав на иконку слоев в левом нижнем углу редактора.
Панель слоев в редакторе. Иконка выделена.

Использование горизонтальных и вертикальных линеек

С помощью горизонтальных и вертикальных линеек вы можете точно размещать элементы на сайте. Устанавливайте элементы в определенных местоположениях (в пикселях) и добавляйте направляющие, чтобы отметить эти места.
После включения линеек в меню «Инструменты» вы увидите горизонтальную линейку сверху и вертикальную линейку справа.

Чтобы включить линейки:

  1. Перейдите в редактор.
  2. Нажмите Инструменты  в правом верхнем углу редактора.
  3. Установите флажок Линейки.
скриншот панели инструментов редактора с выделенными линейками.

Использование линий сетки

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

Чтобы включить линии сетки:

  1. Перейдите в редактор.
  2. Нажмите Инструменты  в правом верхнем углу редактора.
  3. Установите флажок Сетка.
скриншот меню инструментов редактора с выделенной сеткой.

Использование инструмента привязки к объектам

Инструмент привязки к объектам помогает максимально точно прикреплять элементы друг к другу.
Когда вы перетаскиваете элемент, появляются фиолетовые линии, обозначающие границы других элементов на этой странице. Когда вы отпускаете перетаскиваемый элемент, он «прилипает» к этим маркерам в радиусе 5 пикселей.

Чтобы включить привязку к объектам:

  1. Перейдите в редактор.
  2. Нажмите Инструменты  в правом верхнем углу редактора.
  3. Установите флажок Привязка к объектам.
GIF-изображение, демонстрирующее использование инструмента привязки к объектам в редакторе.

Helpmate

Привет,

Нужны дополнительные рекомендации?
Unlock personalized helpLog in to get the most out of Helpmate.