Глобальные стили

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

Это удобно, если вы хотите, чтобы сайт выглядел аккуратно и единообразно. Достаточно изменить настройки один раз – и они сразу отразятся на всех страницах.

Чтобы перейти к настройкам глобальных стилей, откройте
Панель управления Molz → Редактов сайта → Глобальные стили.

Готовые цветовые темы

Если вы не хотите настраивать цвета вручную, вы можете выбрать одну из предустановленных цветовых тем.

Цветовая тема – это готовый набор цветов, который автоматически применяется ко всему сайту: кнопкам, тексту, фону и другим элементам. Это самый быстрый способ придать сайту аккуратный и гармоничный внешний вид.

Чтобы применить тему:

1. Нажмите кнопку «Выбрать».
2. Нажмите «Примерить» на понравившейся теме.

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

Какие элементы можно настроить

В глобальных стилях вы можете изменить внешний вид основных элементов сайта.

Секция

Секция – это блок страницы. Обычно секции используются для разделения сайта на логические части: шапка, список товаров, отзывы, подвал и так далее.

Для секций можно задать ширину, цвет фона и границ там где они используются. Эти настройки будут применяться ко всем секциям на сайте.

Контейнер

Контейнер находится внутри секции и используется для группировки контента: текста, кнопок, изображений.

Глобальные стили контейнера позволяют задать цвет фона и скругления, чтобы все блоки с контентом выглядели одинаково и аккуратно.

Кнопка

Кнопки – это элементы, по которым пользователь нажимает: «Купить», «Оплатить», «Перейти» и другие.

В глобальных стилях кнопок можно настроить цвет текста и фона, скругление углов. После этого все кнопки на сайте будут выглядеть одинаково.

Текст

Текст отвечает за читаемость и общее восприятие сайта. В глобальных стилях доступны три типа текста:

• Основной текст – обычные абзацы и описание;
• Вторичный текст – подсказки, дополнительные надписи, мелкий текст;
• Ссылки – кликабельный текст, ведущий на другие страницы.

Для каждого типа текста можно задать цвет, чтобы сайт выглядел гармонично и читался легко.

Поля ввода

Поля ввода – это формы, где пользователь вводит данные: имя, почту и другую информацию.

Глобальные стили позволяют настроить цвет, рамки и скругление полей ввода. Это делает формы более удобными и визуально приятными.

Как мне настроить отдельные элементы, если я хочу, чтобы их дизайн отличался от глобальных настроек?

Глобальные стили задают общий внешний вид сайта, но вы не ограничены только ими.

В каждом отдельном модуле доступны собственные настройки дизайна. Если вы хотите, чтобы конкретная кнопка, секция или блок выглядели иначе – это легко сделать.

Чтобы изменить стиль отдельного элемента:

1. Щёлкните по нужному модулю в редакторе.
2. Перейдите в раздел «Стили» в левой части экрана
3. Настройте нужные параметры: цвета, скругления, расположение и другие детали.

Эти изменения будут применены только к выбранному элементу и не затронут глобальные настройки сайта.