В этой статье мы покажем, как менять внешний вид сайта в конструкторе.

Изменить фон

1. Откройте раздел Фон:

Смена фона

2. Выберите цвет фона или загрузите картинку:

Выбор цвета фона

3. Если нужно, включите для фоновой картинки режимы:

  • Повторять — небольшие изображения повторяются, заполняя весь фон сайта.
  • Не прокручивать фон — фоновая картинка неподвижна даже при прокрутке сайта вниз.
  • Размер:
    • Автоматически — фоновая картинка добавляется в оригинальном размере, но можно настроить ее положение на странице.
    • Заполнять — фоновая картинка растягивается на весь экран.
    • Содержать — небольшая картинка повторяется, заполняя весь фон сайта.

Если переключить режим фона на 2 боковые вертикальные полосы, у сайта будет один фон без разделений на шапку и подвал:

Фон без разделений на шапку и подвал

Сделать отдельный фон для части страницы

Для этого добавьте элементы Фото или Фигура:

Отдельный фон для части страницы

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

Изменить высоту шапки и подвала

Откройте раздел Фон:

Смена высоты шапки и подвала

Оформить надписи

1. Откройте раздел Стили:

Оформление надписи

2. Настраивайте до 12 разных стилей для обычного текста и заголовков:

Настройка стилей для обычного текста и заголовков

3. Примените ваши стили к надписям, выбрав элемент Текст, и далее — Редактировать текст:

Редактирование текста

Стили текста

Поставить отдельный цвет надписи для каждой страницы

1. Разместите текст:

Размещение текста

2. Откройте Свойства элемента и выберите:

Свойства объекта

3. Откройте другую страницу и добавьте тот же текст на то же место. Выберите нужный цвет:

Выбор цвета текста

Добавить фавикон

  • Фавикон — маленькая картинка-логотип рядом с названием страницы в браузере:

Добавление фавикона

Чтобы добавить фавикон, откройте раздел Favicon и загрузите картинку:

Загрузка Favicon

Смена Favicon

Изменить шаблон сайта

1. Нажмите на кнопку Новый/Сброс:

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

2. Выберите нужное действие:

  • Изменить шаблон — открывает меню выбора шаблонов.
  • Сброс шаблона — загружает начальный вид шаблона без ваших правок.
  • Импорт — загружает в конструктор дизайн сайта. Можно импортировать только сайт, который уже виден через веб-браузер.

Смена шаблона

Расположить элементы несколькими слоями

1. Поместите на сайт элементы, которые хотите скомбинировать:

Расположение элементов несколькими слоями

2. В свойствах элемента выберите пункт Порядок:

Пункт Порядок

3. Назначьте Передний план или Задний план расположения. Перетащите элементы один на другой:

Назначение Переднего или Заднего плана расположения

  • Для переднего плана используйте .png-картинки с прозрачным фоном.

Увеличить или уменьшить элемент

Чтобы изменить размер элемента, выделите его. Наведите курсор на отметку в правом нижнем углу. Зажав левую кнопку мыши, двигайте курсор по диагонали:

Увеличение или уменьшение элемента

Добавить таблицы

1. Откройте раздел Еще и добавьте на сайт элемент Таблицы:

Добавление таблицы

2. Настройте количество столбцов и строк, цвет ячеек и рамки таблицы:

Настройка количества столбцов и строк таблицы

Настройка таблицы

Оформить готовыми блоками

Чтобы добавить на страницу сразу несколько элементов, перетащите элемент Блоки на область сайта:

Оформление готовыми блоками

Готовые блоки

В результате элементы блока равномерно распределятся по сайту:

Элементы блока

Откройте Свойства элементов и замените стандартные картинки и тексты на свои.
Также читайте о том, как сделать сайту мобильную версию или как настроить сайт для SEO через панель конструктора.

Была ли статья полезной?

Спасибо за отзыв!