Как изменять дизайн сайта в конструкторе

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

Изменить фон

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

Смена фона

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Стили текста

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

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

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

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

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

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

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

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

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

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

Загрузка Favicon

Смена Favicon

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо за отзыв!
Создайте сайт на WordPress по нашему пошаговому гайду. Можно попробовать бесплатноНАЧАТЬ ДЕЛАТЬ САЙТ
+
Send this to a friend