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