Можно настроить сайт, разработав заголовок, создав тему или добавив нижний колонтитул.
Настройка заголовка
Каждый сайт имеет заголовок по всей ширине (под панелью глобальной навигации) и на всех страницах и видах сайта. Заголовок содержит название, логотип и меню ссылок. Вы не можете удалить заголовок, но вы можете настроить его внешний вид.
- Откройте сайт в режиме редактирования.
- Откройте боковую панель, выбрав переключатель
. Выберите Заголовок (выберите Настройка, чтобы вернуться в меню Настройка). - В меню Оформление выберите один из следующих стилей Заголовка:
- Стандарт – по умолчанию для каждого нового сайта этот дизайн имеет тонкую компактную панель с местом для логотипа (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.
Примечание:
HTML нижнего колонтитула не поддерживает встроенный JavaScript. Теги скриптов будут игнорироваться.
Дополнительные ресурсы
Чтобы настроить ваш сайт с большим количеством брендинга , вы можете сделать следующее:
- Добавить ссылки в меню и убедиться, что глобальная навигация включена. Более подробно см. Настроить глобальную навигацию и ссылки меню.
- Каждый сайт содержит URL (веб-адрес). Если в вашей организации есть пользовательский домен, вы можете настроить этот URL-адрес для дальнейшего брендирования своего сайта. Дополнительные сведения см. в разделе Домены.