Редактор Studio: обзор возможностей
7 мин.
Добро пожаловать в Редактор Studio — нашу расширенную и интуитивно понятную платформу для агентств и компаний уровня Enterprise, позволяющую создавать исключительные сайты.
В этой статье мы познакомимся с каждой частью редактора Studio: что это такое, чем она управляет и как помогает работать эффективнее.
Перейдите в Академию Wix Studio, чтобы посмотреть дополнительные вебинары, руководства и курсы по Wix Studio.
Холст
Холст — это страница, которую вы проектируете прямо в центре редактора.
Вы можете установить размер холста по умолчанию и перетаскивать боковые никнеймы, чтобы увидеть, как выглядит страница при изменении размера.
При нажатии на элемент он выбирается, и открывается панель инструментов. Доступные параметры зависят от конкретного элемента и помогают настроить его под свои задачи.
Вы можете навести курсор на этикетку элемента, чтобы вместо него выбрать один из его родительских элементов.
Поворот элементов на холсте:
Наведите курсор на угол элемента, пока он не превратится в иконку поворота. Нажмите и потяните, чтобы повернуть элемент на нужный угол.
Верхняя панель
Верхняя панель включает в себя множество полезных инструментов для управления сайтом и видом холста.
Наведите курсор на логотип Wix Studio, чтобы открыть меню с действиями сайта, параметрами просмотра и ярлыками для перехода в другие разделы вашего аккаунта.
Используйте выпадающее меню страниц для быстрого перехода между страницами сайта. Список организован по типу страниц (например, страницы магазина, страницы пользователей), чтобы вы могли найти нужную еще быстрее.
В центре верхней панели находится все, что связано с размерами экрана, масштабом и размером холста. Нажмите на иконки размеров экрана, чтобы просмотреть и настроить страницу для разных устройств.
Размер экрана, который вы видите, — это текущий размер холста. Это также размер редактирования по умолчанию для размера экрана, на котором вы сейчас находитесь. У каждого размера экрана есть свой размер по умолчанию, который можно настроить так, как вам удобно.
С правой стороны вы можете видеть, кто еще в данный момент работает над этим сайтом. Вы также можете проверять уведомления сайта, отменять или повторять действия, использовать превью и опубликовать сайт.
Проблемы с масштабированием?
Мы рекомендуем использовать превью 
, так как оно позволяет с легкостью имитировать различные размеры экрана.
, так как оно позволяет с легкостью имитировать различные размеры экрана. Левые боковые панели
В левой части редактора Studio находятся основные панели, с которыми вы будете работать:
- Добавьте элементы
: Найдите сотни элементов для добавления на сайт: от элементов дизайна до бизнес-приложений, таких как интернет-магазин. Используйте вкладки для переключения между различными категориями. - Слои
: Просматривайте слои и элементы страницы в иерархии сверху вниз. При выборе родительского элемента (например, секции или контейнера) на панели вы можете увидеть все элементы внутри него, изменить их порядок, скрыть их и многое другое. - Страницы
: Добавляйте новые страницы, редактируйте настройки каждой страницы и удаляйте те, которые вам больше не нужны. - Ключевые секции
: На этой панели показаны все ключевые секции — это секции, которые настроены для отображения на нескольких страницах. Вы можете переименовывать, создавать копии, удалять или добавлять ключевые секции на страницы, где они не отображаются. - Стили сайта
: Просматривайте и настраивайте визуальный язык сайта. Стили типографики, цвета и переходы между страницами, которые вы здесь установите, применяются ко всему сайту. - App Market
: Просмотрите сотни приложений в Wix App Market и найдите те, которые соответствуют вашим потребностям. - CMS (система управления контентом)
: Управляйте контентом сайта, коллекциями и динамичными страницами. - Код
: Включите режим разработчика, чтобы добавить собственный код на сайт клиента.
Панель инспектора
Панель инспектора — это «центр управления» для каждого элемента.
После выбора элемента на холсте вы можете настроить его размер, положение и дизайн на этой панели. Вы также можете применить к элементу анимацию или добавить якорь, что позволит создать прямой переход к нему.
Навигационная цепочка
При выборе элемента на холсте в левом нижнем углу отображается строка навигации, показывающая его иерархию. Это позволяет видеть (и выбирать) родительский элемент, элемент более высокого уровня и так далее, помогая легко перемещаться по слоям страницы.
Дополнительные панели
И наконец, в левом нижнем углу редактора есть несколько панелей, о которых вам стоит знать.
- Проверка сайта
: Откройте проверку адаптивности, чтобы убедиться, что сайт клиента отлично выглядит на любом устройстве, и используйте Помощник по специальным возможностям для оптимизации доступности сайта.
- Комментарии
: Общайтесь с коллегами, которые также работают над этим сайтом, прямо в Редакторе Studio. У каждой страницы есть отдельная доска комментариев, поэтому вы можете оставлять конкретные отзывы другим пользователям и задавать им вопросы. Подробнее о комментариях к сайту. - Обучение от сообщества
: Получайте всю необходимую информацию, не выходя из редактора. Вы можете искать темы, смотреть обучающие материалы и переходить к обсуждениям в сообществе. Подробнее об обучении от сообщества. - Помощь
: Просматривайте наши ресурсы, делитесь отзывами о Редакторе Studio или обратитесь в Команду поддержки.
Работайте быстрее с помощью горячих клавиш:
Ознакомьтесь с нашим полным списком горячих клавиш, которые позволяют выполнять действия быстрее и эффективнее.