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

Редактор Studio: стили сайта

2 мин.
Панель «Стили сайта» — это единый центр управления типографикой сайта, цветами, переходами между страницами и максимальной шириной. Создание стиля для сайта вашего клиента - это отличный целостный способ сэкономить время и обеспечить единообразие дизайна. 

Создайте цветовую согласованность

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

Оптимизируйте типографику сайта

Текст — это ключевой элемент сайта, и с помощью дизайна вы можете подчеркнуть послание и контент бренда.
Вкладка Типографика - отличный инструмент для настройки всех аспектов текста. Обновите шрифты, чтобы быстро применить изменения ко всему сайту, или настройте отдельные стили текста (например, Заголовок 4, Абзац 1) для более подробного дизайна. Подробнее о работе с типографикой
Параметры редактирования текста открыты для заголовка 6 в панели «Стили сайта». Курсор включает переключатель Масштабировать текст.

Определите ширину сайта

Хотите ограничить, насколько элементы увеличиваются на разных размерах экрана? Используйте вкладку Максимальная ширина, чтобы установить максимальное значение
Это предотвращает то, чтобы элементы, которые вы настроили на пропорциональное масштабирование от увеличения свыше заданной ширины, поэтому вам не придётся беспокоиться о слишком больших компонентах или перекрытии контента. 
В панели стилей сайта открыта вкладка «Максимальная ширина».

Создайте интересную навигацию

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