Редактор Studio: использование панели инспектора
В панели инспектора можно редактировать характеристики каждого элемента, секции и страницы сайта. Выбирайте, как элементы меняют размер на разных экранах, настраивайте дизайн, добавляйте взаимодействия и многое другое.
Как открыть панель инспектора?
в правом верхнем углу редактора. Панель откроется справа, в верхней части будет отображаться элемент, с которым вы работаете.
Дизайн
Вкладка
Дизайн — первая, которую вы видите в панели инспектора. Здесь вы можете изменить внешний вид, размер и положение элемента для разных размеров экрана.
- Размер и адаптивность: просматривайте ширину и высоту элемента и выбирайте, как он меняет размер на разных экранах.
- Дизайн: изменяйте цвета, границы и форматирование элемента, добавляйте тени и многое другое. Доступные здесь параметры зависят от типа элемента.
- Курсор: добавьте кастомный курсор для элемента, секции или страницы.
- Макет: настраивайте интервалы, отображение и сетку секций, ячеек, контейнеров, репитеров и flex-контейнеров.
- Положение: настраивайте фиксацию и поля элемента, чтобы он оставался на месте при разных размерах экрана. Здесь также можно выбрать тип позиционирования (например, закрепленное, липкое).
- Настройка: изменяйте внешний вид элемента, применяя трансформации (например, прозрачность, угол наклона, скос).
- Якорь: добавьте якорь к элементу или секции, чтобы можно было создать прямой переход к ним.
Примечание:
Некоторые из этих секций доступны только для определенных элементов.
Анимации и эффекты
Вкладка
Анимация и эффекты позволяет добавить эффектную
анимацию, которая привлечет внимание людей. Выбрав элемент, секцию или страницу, выберите тип анимации:
- Появление: анимации, которые воспроизводятся при первой загрузке элемента.
- При наведении: анимации, которые запускаются, когда посетители наводят на элемент курсор.
- Нажмите: анимации, которые запускаются, когда посетители кликают по элементу.
- Прокрутка: анимации, которые запускаются, когда посетители прокручивают страницу вверх или вниз.
- Зацикленный повтор: анимации, которые воспроизводятся непрерывно.
- Эффекты мыши: эффекты, которые автоматически запускаются при движении курсора посетителя.
- Эффекты WebGL: впечатляющие эффекты для медиафонов в секциях. Вы сами решаете, как они активируются: автоматически при прокрутке или при движении курсора посетителя.
Примечание:
Доступные анимации и эффекты зависят от выбранного элемента.
Контент
Ищете вдохновение? Перейдите на вкладку
Контент, чтобы найти идеи для текста, кнопок, изображений, фигур и векторной графики. Вы можете отфильтровать предложения по сфере деятельности или любому другому поисковому запросу, чтобы они максимально соответствовали вашим потребностям.
CMS
В Wix Studio мы перенесли наборы данных в панель инспектора, чтобы вам было удобнее их использовать.
Теперь, когда вы открываете панель инспектора и выбираете страницу, вы можете просмотреть каждый набор данных, существующий на этой странице. Вы также можете изменять подключения, настраивать параметры набора данных или добавлять новый элемент — и все это в панели инспектора.
Выберите элемент и нажмите на иконку
Подключить к CMS
, чтобы автоматически открыть панель инспектора. В панели вы можете подключить элемент к набору данных, управлять подключениями, изменять настройки набора данных или добавить новый набор данных.
, чтобы автоматически открыть панель инспектора. В панели вы можете подключить элемент к набору данных, управлять подключениями, изменять настройки набора данных или добавить новый набор данных.
Подробнее об
использовании CMS в Wix Studio.
