Дизайн и оформление

Смена шаблона дизайна сайта

Цветовая схема сайта

Работа с меню

Настройка шапки и подвала сайта

Настройка шрифта и размера текста

Как изменить размеры элемента


Смена шаблона дизайна сайта

Чтобы сменить шаблон сайта, перейдите в конструкторе в раздел «Дизайн» и в блоке «Шаблон» нажмите «Сменить шаблон»:

image

Выберите новый шаблон и нажмите «Сменить на этот шаблон».

При смене шаблона меняется дизайн сайта и всех добавленных виджетов. Содержание сайта остаётся прежним.

Цветовая схема сайта

Изменить цветовую схему можно в разделе «Дизайн» в режиме конструктора. Вы также можете создать собственную цветовую схему.

image

После нажатия «Создать свою схему» будет создана цветовая схема на основе выбранного вами шаблона. Вы можете отредактировать её или удалить.

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

image

В настройках каждого варианта вы можете установить:

  • Цвет фона
  • Три цвета текста

Вы можете выбрать цвет в палитре или указать HEX / RGB. Для этого нажмите на иконку настроек:

image

Чтобы оценить сочетание выбранных цветов, активируйте блок с примером:

image

Работа с меню

Закрепить меню в верхней части сайта

Нажмите на меню, затем активируйте опцию «Закрепить при прокрутке». Нажмите на иконку настроек, чтобы настроить подложку: изменить цвет и прозрачность.

image

Создать вложенный пункт меню

Сделать пункт меню вложенным можно одним из способов:
  • Нажмите на меню. В панели слева п

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

image

  • Перейдите в настройки нужного пункта и укажите родительский пункт в разделе «Вложенность».

image

Чтобы по нажатию на родительский пункт меню не выполнялся переход на другую страницу, в настройках родительского пункта меню, в поле «Ссылка», установите значение «Нет».

image

Создать страницу без пункта в меню

  1. Создайте страницу.
  2. Нажмите на меню сайта.
  3. В панели слева нажмите на иконку корзины в блоке нужной страницы.

image

Примечание. Все ссылки на эту страницу продолжат работать.

Максимальное количество пунктов меню

Меню любого шаблона адаптивно — оно подстраивается под размеры экрана устройства пользователя. Количество пунктов до опции «Ещё» зависит от разрешения экрана устройства, выбранного шаблона и длины названия пунктов.

Настройка шапки и подвала сайта

Настройте элементы шапки и подвала в настройках блока. Наведите курсор на шапку или подвал и нажмите иконку настроек.

image

Выберите, какие элементы должны отображаться в шапке / подвале, а какие нет:

image

Включить или отключить отображение шапки и подвала можно в разделе «Дизайн».

image

Настройка шрифта и размера текста

Для изменения шрифта перейдите в раздел «Дизайн» и в блоке «Шрифты» выберите нужную шрифтовую пару:

image

Чтобы добавить собственную пару шрифтов нажмите на «Создать пару». В открывшейся панели выберите шрифты для заголовков и текста и настройте:

  • начертание;
  • размер;
  • межстрочный интервал.

image

Настройки отдельной части текста

Можно изменить настройки отдельно взятого текста с помощью виджета «Текст». Выберите виджет или выделите отрывок текста и нажмите на иконку «Размер». Вы сможете изменить размер и межстрочный интервал.

image

Как изменить размеры элемента

Чтобы изменить ширину элемента:

  1. Добавьте справа и слева от нужного элемента виджет «Пробел».
  2. Потяните границы элемента влево или вправо.

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

  1. Нажмите на него — в нижней части отобразится опция изменения высоты.

image

2. Потяните за нижнюю границу.