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