Поделиться через


Учебник: настройка стиля сайта

Сайты Power Pages можно настроить, используя вашу корпоративную символику. Рабочая область стиля позволяет вам настроить фирменные цвета, шрифты и дизайн для всего сайта или отдельных страниц.

В этом учебнике вы научитесь делать следующее:

  • Установите свой корпоративный логотип.
  • Определите свою цветовую палитру.
  • Настройте шрифты.

Предварительные условия

Добавление логотипа вашей компании в Power Pages

В этом видео представлен обзор шагов по добавлению логотипа вашей компании и фирменных цветов в Power Pages.

  1. Переход к Power Pages.

  2. В студии дизайна наведите курсор мыши на имеющийся логотип и выберите Изображение.

    Кнопка «Изображение».

  3. Выберите имеющееся изображение из библиотеки мультимедиа или загрузите новое изображение.

    Отправка изображения.

  4. Выберите изображение, которое вы хотите использовать (в данном случае используйте загруженный вами корпоративный логотип).

Настройка фирменной цветовой палитры

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

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

    Цветовая палитра в рабочей области стиля.

  2. Выберите Сохранить изменения.

Настройка фирменных шрифтов

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

    Параметры шрифтов в рабочей области стиля.

  2. Вы также можете настроить размеры и цвета для каждого шрифта на основе вашей цветовой палитры. Любые обновления, которые вы вносите, немедленно отображаются на вашем сайте.

  3. Выберите Сохранить изменения, чтобы обновить оформление.

    • Обновленная вами тема будет иметь измененную метку.

      Измененная метка для темы.

    • Если в любой момент вы захотите начать сначала, выберите троеточие, а затем — Сбросить на значения по умолчанию.

      Восстановить значения по умолчанию.

Следующие шаги

Перейдите к следующей статье, чтобы узнать, как вывести список бизнес-данных на странице.