Как изменить дизайн сайта? - Сайт, продвижение, реклама - легко и быстро для не-профессионалов - Воздух

Мы предлагаем вам широкие возможности по управлению дизайном сайта. Обратите внимание: при любых настройках сохраняется высочайшая скорость работы сайта и адаптивность для мобильных устройств.

  1. Оформление шапки
  2. Стиль оформления элементов
  3. Цвета
  4. Шрифты
  5. Оформление блоков
  6. Свой CSS-код
  7. Уникальный дизайн

Оформление шапки сайта

  1. Откройте редактор сайта.
  2. Нажмите мышкой в любое место в верхней части страницы, чтобы наверху появилась панель управления шапкой.

    Шапка сайта автоматически выводится на всех страницах сайта. Настройки шапки применяются для всех страниц.
  3. Чтобы изменить расположение элементов в шапке, нажмите на "Изменить шапку". Выберите подходящий вид шапки из списка.
  4. Чтобы изменить цвета элементов, нажмите "Настроить цвета".
  5. Чтобы меню или вся шапка были постоянно на экране при прокрутке страницы вниз, измените "Статика" на другой вариант.
  6. Чтобы добавить "всплывающее меню" при наведении на пункт в меню, включите соответствующую настройку.
  7. Чтобы шапка была размещена поверх первого блока (например, вы хотите растянуть фоновую фотографию первого блока на весь экран), включите соответствующую настройку.

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

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

Стиль оформления элементов

Нажмите "Дизайн" в левом верхнем углу редактора сайта, и выберите вкладку "Стиль"

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

Изменение стиля влияет на оформление элементов сайта:

  • Главное меню, кнопки
  • Заголовки, маркированные и нумерованные списки в тексте
  • Элементы в блоках типа "Список", "Страницы"
  • Поля в формах

Цвета

Нажмите "Дизайн" в левом верхнем углу редактора сайта, и выберите вкладку "Цвета"

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

Чтобы изменить цвета на свои собственные, нажмите "Настроить". Выберите элемент, для которого вы хотите изменить цвет.

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

Шрифты

Нажмите "Дизайн" в левом верхнем углу редактора сайта, и выберите вкладку "Шрифты"

Вы можете выбрать одно из шрифтовых сочетаний, созданных нашими дизайнерами.

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

Оформление блоков

  1. Нажмите кнопку "Настройка" в правом верхнем углу блока
  2. Вы можете выбрать один из трех стилей блока: "Обычный", "На фоне" или "Яркий".


    Цвета текста и фона зависят от выбранной цветовой палитры сайта.

    Используйте чередование стилей "Обычный" и "На фоне", чтобы отделить визуально один блок от другого.

    Используйте стиль "Яркий", чтобы выделить самый важный блок на странице (например, форму обратной связи).
  3. Вы можете задать фоновое изображение для блока, изменить его яркость и способ растягивания/повторения.

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

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

    Таким способом можно реализовать эффект "слайдов" – когда пользователь при прокрутке страницы на каждом экране видит отдельный блок.
  5. Вы можете задать растягивание блока по ширине на весь экран.

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

    Для блоков типа "Список", "Страницы", "Фотогалерея" вы можете изменить расположение элементов с помощью настроек.

    Для блоков типа "Текст и фото" можно изменить расположение и ширину колонок.

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

Свой CSS-код

Нажмите "Дизайн" в левом верхнем углу редактора сайта, и выберите вкладку "CSS"

Вы можете задать собственный CSS-код, который будет совмещен со стандартным кодом страницы.

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

Уникальный дизайн по вашим макетам

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

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