Стили сайта: обзор
Где настроить шрифты, цвета, кнопки и отступы для всего сайта и чем это отличается от оформления отдельной секции.
Стили сайта — это глобальное оформление: шрифты, цветовая палитра, вид кнопок и общие отступы. Изменения здесь действуют на весь сайт и помогают выдержать единый стиль на всех страницах.
Отдельно настраиваются шапка сайта и оформление конкретной секции — они могут переопределять общие стили там, где это нужно.
Как открыть редактор — в Главное меню редактора. Как увидеть результат до публикации — в Превью сайта в редакторе.
Как открыть «Стили сайта»
Редактор открывается по адресу ваш-id.photosquare.ru/config. Панель стилей можно открыть двумя способами:
- В главном меню слева выберите Стили.
- На панели над превью нажмите иконку кисти («Стили сайта»). Если вы ещё не в режиме редактирования, редактор включит его автоматически.
[изображение: редактор — слева пункт «Стили», справа превью; на панели над превью выделена иконка кисти]
Чтобы закрыть панель стилей, нажмите Закрыть вверху панели или снова иконку кисти — вы вернётесь к работе со Страницами.
Что находится в панели
На главном экране «Стили сайта» — разделы глобального оформления:
- Шрифты — наборы шрифтов, заголовки, параграфы, кнопки и назначение стилей текста. Подробнее: Шрифты сайта.
- Цвета — палитра сайта и цветовые темы для секций. Подробнее: Цвета и цветовые темы.
- Кнопки — основные, второстепенные и дополнительные кнопки, готовые наборы. Подробнее: Кнопки.
- Размеры и отступы — скругления, отступы и другие параметры внешнего вида. Подробнее: Размеры и отступы.
- Cookie-баннер — если функция включена в настройках сайта. Подробнее: Cookie-баннер.
[изображение: главный экран «Стили сайта» — список разделов: Шрифты, Цвета, Кнопки, Размеры и отступы]
Глобальные стили и оформление секций
Настройки в «Стили сайта» задают базовый вид для всего сайта: один и тот же шрифт заголовков, палитра и стиль кнопок на разных страницах.
Если нужно выделить отдельный блок — например, тёмный фон у одной полосы на главной — используйте оформление секции: наведите на секцию в превью, откройте её настройки и задайте цветовую тему, высоту или фон. Стиль секции имеет приоритет над глобальными настройками в пределах этой секции.
Шапку сайта (логотип, меню, контакты) меняют отдельно — см. Настройка шапки сайта.
Превью и сохранение
Пока вы меняете стили, результат сразу виден в превью. Переключатель Десктоп / Мобильный на панели над превью помогает проверить, как оформление выглядит на разных экранах.
Чтобы посетители увидели изменения на опубликованном сайте, нажмите Сохранить на панели над превью. До сохранения правки видны только вам в редакторе.
Совет. Сначала задайте палитру и шрифты, затем кнопки и отступы — так проще добиться цельного вида. Готовые наборы шрифтов и кнопок в соответствующих разделах помогают быстро начать и потом доработать детали.
Когда закрыть панель стилей
Чтобы добавить или переместить блоки, изменить текст на странице или отредактировать секцию, закройте «Стили сайта» и работайте с контентом в превью — как описано в обзоре секций и обзоре блоков.