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