Можно настроить сайт, разработав заголовок, создав тему или добавив нижний колонтитул. Заголовок и колонтитул важны для завершения компоновки сайта. В заголовке вы можете представить сайт, добавив оформление бренда и создав меню, которое поможет посетителям найти ресурсы, страницы и внешние вебсайты. Колонтитул обозначает конец сайта и предоставляет пространство для полезной информации, например информации об авторских правах вашей организации, местоположении и контактной информации.
Настройка заголовка
Каждый сайт имеет заголовок (верхний колонтитул) по всей ширине (под панелью глобальной навигации) и на всех страницах и видах сайта. Заголовок содержит название, логотип и ссылки меню. Вы не можете удалить заголовок, но вы можете настроить его внешний вид.
Чтобы настроить заголовок, выполните следующие действия:
- Откройте сайт в режиме редактирования.
- Откройте боковую панель, включив кнопку переключателя
, затем выберите Заголовок (или выберите Настройка, чтобы вернуться в меню Настройка). - В меню Оформление выберите один из следующих стилей Заголовка:
- Стандарт – по умолчанию для каждого нового сайта этот дизайн имеет тонкую компактную панель с местом для логотипа (60 пикселов), социальных сетей и ссылок в меню.
- Заметный – этот дизайн обеспечивает больше места для больших логотипов (120 пикселов) и дополнительных ссылок меню.
- Пользовательский CSS/HTML – используется редактор кода с поддержкой синтаксиса, чтобы настроить заголовок с пользовательским кодом.
Примечание:
Пользовательские заголовки сохраняются на всех страницах сайта, но не отображаются на страницах предварительного просмотра.
- Для Компоновка выберите Блок или Широкая.
- Для Параметра Имя укажите имя, появляющееся в заголовке.
Имя, которое вы указываете, отображается только в заголовке и не будет отражено в URL сайта или в вашем списке сайтов.
- Для параметра Краткое имя введите сокращенную версию имени, которое вы добавили в заголовок.
Добавьте краткое имя, чтобы сайт качественно отображался на любом устройстве.
Сокращенное имя отображается в заголовке, если полное имя слишком длинное для отображения на небольших экранах, например на мобильных устройствах.
- Чтобы брендировать заголовок сайта с помощью HTML или CSS, выберите Пользовательский HTML/CSS и введите код в поля HTML и CSS.
Заголовок HTML не поддерживает встроенный JavaScript. Теги скриптов будут игнорироваться.
- Выберите Сохранить.
Создание темы
Создайте тему для сайта, выбрав цвета для заголовка и текста. Цвета, которые вы выбираете в меню Тема, применяются ко всему сайту. Вы можете переопределить этот выбор, настроив цвета для определенных строк. Подробнее см. раздел Настройка сайта.
Подсказка:
При выборе цвета просмотрите рекомендации по брендингу для вашей организации. Многие рекомендации по брендингу предоставляют точные цветовые коды для оформления таких ресурсов, как веб-сайты и логотипы. Если у вас нет рекомендаций по брендингу, проконсультируйтесь с вашей командой или заинтересованными сторонами, чтобы убедиться, что тема сайта правильно отражает вашу организацию.
Чтобы создать тему, выполните следующие действия:
- Откройте сайт в режиме редактирования.
- На панели Настройка выберите Тема.
- Выберите цвет для любого из следующих опций, указав шестнадцатеричный код цвета или выбрав цвет в палитре цветов рядом с полем кода цвета.
- Цвет фона Global Nav — применить цвет к глобальной панели навигации вашего сайта.
- Цвет текста Global Nav — применить цвет к тексту в глобальной панели навигации.
Примечание:
Для получения дополнительной информации о глобальной навигации см. Настройка глобальной навигации.
- Цвет фона заголовка — применить цвет к заголовку сайта.
- Цвет текста заголовка — применить цвет ко всему тексту в заголовке.
- Основной цвет фона — применить цвет к строкам сайта. Цвет строки и цвет текста также можно настроить для каждой строки, выполнив действия, описанные в разделе Дизайн компоновки сайта.
- Основной цвет текста — применить к тексту всего сайта.
- Основной цвет ссылки — применить цвет к ссылкам на сайте.
Примечание:
Вертикальные вкладки, включая кнопку публикации, используют значение Основной цвет ссылки для фоновой заливки, а Основной цвет фона для значков или текста.
- После настройки цветов нажмите Сохранить.
- При желании можно применить шрифты к тексту в заголовке и теле сайта, выполнив следующие действия:
- Чтобы выбрать основной шрифт для сайта, выберите кнопку настроек Базовый шрифт.
- Чтобы изменить шрифт для заголовка сайта, выберите кнопку настройки Шрифт заголовка.
Примечание:
Чтобы сбросить все до шрифтов по умолчанию, выберите Сбросить шрифты внизу меню Тема.
Добавление логотипа в заголовок
Размер и расположение логотипа сайта зависит от выбранного вами стиля заголовка.
Чтобы добавить логотип к заголовку, выполните следующие действия:
- Включите переключатель Логотип.
- Выберите URL-адрес изображения или Загрузить, чтобы добавить изображение.
Подсказка:
Если вы загружаете изображение из файла, сохраненное как файл .png изображение работает лучше всего. При необходимости обрежьте и измените масштаб изображения. - Если вы используете заголовок Заметный, выберите настройку для Выравнивания логотипа.
- Для параметра Дополнительный текст к логотипу введите текст, соответствующий стандартам доступности.
Подсказка:
Если на логотипе есть текст, альтернативным текстом может быть название компании. Если логотип является фирменным знаком, вы можете считать его декоративным и ввести “” в качестве замещающего текста. - Выберите Сохранить.
Добавление ссылок социальных сетей в заголовок
Чтобы добавить в заголовок значки социальных сетей, ссылающиеся на ваши аккаунты Facebook, X, Instagram или YouTube, выполните следующие действия:
- Откройте сайт в режиме редактирования.
- На панели Настройка щелкните Заголовок.
- Разверните Значки социальных сетей.
- Включите отображение платформ социальных сетей в заголовке и укажите URL-адрес учетной записи платформы.
- Выберите Сохранить.
Создание нижнего колонтитула
Чтобы использовать пользовательский HTML для добавления нижнего колонтитула на сайт, который будет постоянным на всех страницах, прикрепленных к вашему сайту, выполните следующие действия:
- Откройте сайт в режиме редактирования.
- Выберите Нижний колонтитул на боковой панели.
- Включите переключатель Пользовательский.
- Измените содержимое блока CSS и HTML на боковой панели и щелкните Сохранить, чтобы увидеть эффекты.
Примечание:
Заголовок HTML не поддерживает встроенный JavaScript. Теги скриптов будут игнорироваться.
Дополнительные ресурсы
Чтобы настроить сайт с большим количеством брендинга , вы можете сделать следующее:
- Добавить ссылки в меню и убедиться, что глобальная навигация включена. Более подробно см. Настроить глобальную навигацию и ссылки меню.
- Каждый сайт содержит URL (веб-адрес). Если в вашей организации есть пользовательский домен, вы можете настроить этот URL-адрес для дальнейшего брендирования сайта. Дополнительные сведения см. в разделе Домены.