Бренд сайта с заголовком и опциями темы

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

Настройка заголовка

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

Чтобы настроить заголовок, выполните следующие действия:

1. Откройте сайт в режиме редактирования.
2. На панели Настройки щелкните Заголовок.

   Подсказка:

   Если панель Настроить не отображается, щелкните переключатель , чтобы открыть ее.

3. В меню Оформление выберите один из следующих стилей Заголовка:
   • Стандарт – по умолчанию для каждого нового сайта этот дизайн имеет тонкую компактную панель с местом для логотипа (60 пикселов), социальных сетей и ссылок в меню.
   • Заметный – этот дизайн обеспечивает больше места для больших логотипов (130 пикселов) и дополнительных ссылок меню.
   • Пользовательский HTML/CSS – используется редактор кода с поддержкой синтаксиса, чтобы настроить заголовок с пользовательским кодом.

     При выборе стиля Пользовательский HTML/CSS появится меню с параметрами для HTML и CSS. Щелкните Открыть редактор кода HTML или Открыть редактор кода CSS для написания кода пользовательского заголовка.

     Примечание:

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

     Заголовок HTML не поддерживает встроенный JavaScript. Теги скриптов будут игнорироваться.

4. Для Компоновка выберите Блок или Широкая.
5. Укажите текст для параметров Имя и Короткое имя.

   Имя, которое вы указываете, отображается только в заголовке и не будет отражено в URL сайта или в вашем списке сайтов. Сокращенное имя отображается в заголовке, если полное имя слишком длинное для отображения на небольших экранах, например на мобильных устройствах.

   Либо если вы не хотите, чтобы имя сайта отображалось в заголовке, отключите параметр Имя.

   Примечание:

   Сайт должен иметь имя или логотип в заголовке. Параметр Логотип должен быть включен перед отключением параметра Имя.

6. Щелкните Сохранить компоновку.

Добавление логотипа в заголовок

Вы можете добавить логотип организации в заголовок для оформления сайта. Размер и положение логотипа сайта зависят от выбранного стиля заголовка (Стандартный, Заметный или Пользовательский HTML/CSS).

Чтобы добавить логотип к заголовку, выполните следующие действия:

1. Откройте сайт в режиме редактирования.
2. На панели Настройки щелкните Заголовок.

   Подсказка:

   Если панель Настроить не отображается, щелкните переключатель , чтобы открыть ее.

3. В меню Оформление щелкните кнопку-переключатель Логотип для ее включения.
4. Выберите одно из следующего:
   • Чтобы указать URL, выберите URL Изображения и вставьте поддерживаемую ссылку на изображение в поле URL.

     Поддерживаются следующие типы файлов – .jpeg, .png и .gif.

   • Чтобы загрузить файл, выберите Загрузить.

     Максимальный размер файла составляет 3 МБ, и принимаются только файлы типов .jpeg, .jpg и .png.

     Подсказка:

     Изображение, сохраненное как файл .png, подходит лучше всего.

   Если вы выбрали Загрузить, выполните следующие шаги для загрузки изображения:

   1. Перетащите файл в область или щелкните Выбрать изображение для добавления изображения.
   2. Щелкните кнопку Обрезать изображение для обрезки или изменения размера изображения.

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

   3. Щелкните Готово, чтобы применить изменения.

   Логотип добавляется в заголовок и изменяется в размере в зависимости от выбранной компоновки и выравнивания логотипа.
5. Если вы используете стиль заголовка Заметный, выберите настройку Выравнивание логотипа:
   • Горизонтальный логотип — Логотип сохраняет стандартную высоту 60 пикселей. Он будет выравниваться по параметру Имя или Короткое имя заголовка.
   • Вертикальный логотип — Логотип увеличивается до высоты 130 пикселей. Он будет размещаться слева от всего содержимого заголовка, включая Имя и ссылки меню.
6. Для параметра Дополнительный текст к логотипу введите текст, соответствующий стандартам доступности.

   Подсказка:

   Если на логотипе есть текст, альтернативным текстом может быть название компании. Если логотип является фирменным знаком, вы можете считать его декоративным и ввести “” в качестве замещающего текста.

7. Щелкните Сохранить компоновку.

Добавление ссылок социальных сетей в заголовок

Добавьте значки социальных сетей в заголовок, которые ссылаются на ваши учетные записи Facebook, X, Instagram или YouTube. Чтобы добавить ссылки на социальные сети в заголовок, выполните следующие шаги:

Примечание:

Если вы используете стиль заголовка Пользовательский HTML/CSS, вы не сможете настроить ссылки социальных сетей с помощью следующих шагов.

1. Откройте сайт в режиме редактирования.
2. На панели Настройки щелкните Заголовок.

   Подсказка:

   Если панель Настроить не отображается, щелкните переключатель , чтобы открыть ее.

3. Разверните Значки социальных сетей.
4. Используйте кнопки-переключатели для добавления значков социальных сетей.

   Значки социальных сетей будут отображаться в заголовке.

5. Укажите URL ваших учетных записей социальных сетей для привязки значков.
6. Щелкните Сохранить компоновку.

Создание темы

Создайте тему для сайта, выбрав цвета для заголовка и текста. Цвета, которые вы выбираете в меню Тема, применяются ко всему сайту. Вы можете переопределить этот выбор, настроив цвета для определенных строк. Подробнее см. раздел Настройка сайта.

Подсказка:

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

Чтобы создать тему, выполните следующие действия:

1. Откройте сайт в режиме редактирования.
2. В панели Настройка щелкните Тема.

   Подсказка:

   Если панель Настроить не отображается, щелкните переключатель , чтобы открыть ее.

3. Выберите цвет для любого или всех следующих опций, указав шестнадцатеричный код цвета или выбрав цвет в палитре.
   • Цвет фона Global Nav — применить цвет к глобальной панели навигации вашего сайта.
   • Цвет текста Global Nav — применить цвет к тексту и кнопкам в глобальной панели навигации.
   • Цвет фона заголовка — применить цвет к заголовку сайта.
   • Цвет текста заголовка — применить цвет ко всему тексту в заголовке сайта.
   • Основной цвет фона — применить цвет к строкам сайта. Цвет фона также может быть настроен для отдельных строк.
   • Основной цвет текста — применить цвет к тексту всего сайта. Цвет текста также может быть настроен для отдельных строк.
   • Основной цвет ссылки — применить цвет к ссылкам на сайте.

     Примечание:

     Меню действий на опубликованном сайте Hub использует значение Основной цвет ссылки для заливки фона и значение Основной цвет фона для значков и текста.

4. При желании можно применить шрифты к тексту в заголовке и теле сайта, выполнив следующие действия:
   1. Щелкните кнопку Настроить для параметра Основной шрифт или Шрифт заголовка.

      Основной шрифт используется для текста в основной части сайта, а Шрифт заголовка используется для текста в заголовке сайта.

      Подсказка:

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

   2. Для параметра URL для @import вставьте URL @import из кода встраивания шрифта.
   3. Укажите имя семейства шрифтов.
   4. При необходимости щелкните Предварительный просмотр шрифта для просмотра текста с импортированным семейством шрифтов.
   5. Щелкните вкладку, чтобы при необходимости обновить второй шрифт.
   6. Щелкните Применить.
5. Щелкните Сохранить компоновку.

Примечание:

Чтобы сбросить все до шрифтов по умолчанию, щелкните Сбросить шрифты внизу меню Тема.

Создание нижнего колонтитула

Нижний колонтитул сайта может быть добавлен с использованием пользовательского HTML и CSS. Нижний колонтитул будет отображаться внизу сайта и на всех страницах и представлениях, связанных с ним. Чтобы добавить нижний колонтитул на сайт, выполните следующие шаги:

1. Откройте сайт в режиме редактирования.
2. В панели Настроить щелкните Нижний колонтитул.

   Подсказка:

   Если панель Настроить не отображается, щелкните переключатель , чтобы открыть ее.

3. Щелкните опцию Пользовательский.
4. Щелкните Открыть редактор кода HTML или Открыть редактор кода CSS для написания кода пользовательского нижнего колонтитула.
5. Щелкните Применить для просмотра изменений нижнего колонтитула.

   Примечание:

   Заголовок HTML не поддерживает встроенный JavaScript. Теги скриптов будут игнорироваться.

6. Щелкните Сохранить компоновку.

Связанные ссылки

• Редактирование сайта
• Настройка глобальной навигации и ссылок меню
• Домены