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

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

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

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

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

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

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

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

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

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

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

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

  1. Нажмите Инструменты  в верхней правой части мобильного редактора.
  2. Установите Линейки чекбокс.
Панель инструментов. Бокс «Линейки» выбран, и линейки подсвечены.

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

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

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

  1. Нажмите Инструменты  в верхней правой части мобильного редактора.
  2. Установите Сетка чекбокс.
Сетка в редакторе Wix. Линии выделены.

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

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

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

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

Использование инструмента «Автоматический интервал при перетаскивании»

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

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

  1. Нажмите Инструменты  в верхней правой части мобильного редактора.
  2. Установите Автоинтервал при перетаскивании чекбокс.
Gif-изображение инструмента «Автоинтервал при перетаскивании», используемого для изменения положения кнопки в мобильном редакторе Wix.

Использование инструмента «Направляющая интервалов»

Инструмент «Направляющая интервалов» отображает регулируемую синюю полосу, которая показывает размер разрыва в Pix, и розовые линии, указывающие на то, что размер разрыва равен другим отступам в разделе. Этот инструмент позволяет увеличивать и уменьшать интервал, сохраняя при этом отступы в других частях раздела.
Быстро настраивайте точные интервалы.
Важно:
Эта функция пока доступна не всем пользователям.

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

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

Helpmate

Привет,

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