Настройка главной страницы

Главная страница - это начальная страница сайта вашей организации, служащая входом для вашего сообщества пользователей. Главная страница предоставляет полезные ресурсы для участников организации, а также, если разрешен доступ извне, и широкой общественности. Вы можете настроить современную профессионально выглядящую главную страницу, которая определяет ваш бренд, предоставляет полезную информацию о целях вашей организации и отображает карты, сцены, приложения и слои, которые наиболее важны для вашего сообщества пользователей.

Примечание:

В организациях, созданных до июня 2020 года, могут использоваться главные страницы, настроенные с применением устаревших параметров главных страниц. Поддержка устаревших настроек главной страницы была прекращена, организации были переведены на современный удобный интерфейс главной страницы, с галереями элементов, ссылками и пользовательскими цветами и шрифтами. Если ваша организация получила продление на использование устаревшей страницы, вы по-прежнему можете просматривать устаревшую страницу для справки или копирования содержания на современную домашнюю страницу.

При помощи настраиваемых компонентов, или блоков, редактора главной страницы администраторы по умолчанию и участники, имеющие подходящие права доступа, могут разрабатывать, просматривать и разворачивать главную страницу с обратной связью, чтобы она оптимально отображалась в настольных и мобильных браузерах.

Подсказка:

Советы и рекомендации, которые помогут вам начать работать, см. в разделе Рекомендации для создания главной страницы организации.

Создание главной страницы

При помощи редактора главной страницы создайте главную страницу своей организации ArcGIS Online. Редактор главной страницы включает гибкий набор компонентов и опций, которые позволяют создать уникальную точку входа на ваш сайт. Когда вы настраиваете свою страницу с помощью редактора главной страницы, предварительный просмотр вариантов дизайна помогает добиться желаемого внешнего вида и функциональности. Используйте параметры просмотра в нижней части редактора главной страницы, чтобы увидеть, как страница будет выглядеть на разных устройствах.

Примечание:

В организациях, созданных до июня 2020 года, могут использоваться главные страницы, настроенные с применением устаревших параметров главных страниц. Поддержка устаревших настроек главной страницы была прекращена, организации были переведены на современный удобный интерфейс главной страницы, с галереями элементов, ссылками и пользовательскими цветами и шрифтами. Если ваша организация получила продление на использование устаревшей страницы, вы по-прежнему можете просматривать устаревшую страницу для справки или копирования содержания на современную домашнюю страницу.

  1. Убедитесь, что вы вошли под учётной записью администратора по умолчанию или участника с пользовательской ролью, имеющей права администрирования, чтобы управлять веб-сайтом организации.
  2. Щелкните Организация вверху сайта, затем выберите вкладку Настройки.
  3. Щелкните Главная страница сбоку от страницы.
  4. В разделе Редактор главной страницы щёлкните Запустить редактор.
  5. Настройте элементы содержания вашей домашней страницы следующим образом:
    • Заголовок — Название, логотип и изображение обложки
    • Блоки содержания - галереи элементов, текст и ссылки
    • Нижний колонтитул — контактная информация, пользовательский текст нижнего колонтитула и ссылки, оформление нижнего колонтитула
  6. Настройте дизайн главной страницы следующим образом:
    • Цвета — предварительно настроенные или пользовательские цветовые темы
    • Типография — предварительно настроенные или пользовательские темы шрифта
  7. Используйте опции Вид, чтобы просмотреть, как главная страница будет выглядеть на настольных компьютерах, планшетах и мобильных устройствах.
  8. Щелкните Сохранить, чтобы применить настройки главной страницы.
  9. Щёлкните кнопку Закрыть Закрыть, чтобы закрыть редактор домашней страницы.
  10. В верхней части сайта щёлкните На главную, чтобы увидеть свою главную страницу.

Верхний колонтитул

Заголовок главной страницы может включать любой из следующих элементов: изображение обложки, название организации и логотип организации.

Для настройки главной страницы выполните следующее:

  1. Выполните первые четыре шага вышеприведенного раздела Создание главной страницы.
  2. В разделе Содержание щелкните Заголовок.
  3. По желанию, включите название организации в заголовок.
    1. Включите переключатель Показать заголовок организации.
    2. В текстовом окне Заголовок организации оставьте заголовок (импортированный из настроек профиля вашей организации) без изменения или введите новый.
    3. Выберите в ниспадающем меню Цвета заголовка цвет для текста заголовка.
      Примечание:

      Если вы задали предустановленную или настраиваемую цветовую тему для дизайна домашней страницы, выбор нового цвета в раскрывающемся меню переопределит цветовой стиль, выбранный для этого элемента.

  4. По желанию, включите логотип организации в заголовок.
    1. Включите переключатель Показать логотип организации.
    2. Щелкните Выберите файл и выберите файл изображения на вашем компьютере.

      Допустимыми форматами изображения являются PNG, GIF и JPEG. Для получения оптимальных результатов логотип должен иметь 300 пикселов в ширину и 300 пикселов в высоту.

    3. Перемещайте и меняйте масштаб карты для приближения к области, которая должна отображаться в логотипе.

      В зависимости от размера и разрешения вашего файла изображения, и от того, насколько вы приблизитесь для изменения вида вашего образца, разрешение и размер изображения могут быть изменены при сохранении.

    4. Щелкните Сохранить.
  5. По желанию, включите изображение обложки в заголовок.
    1. Включите переключатель Показать изображение обложки.
    2. Используйте одну из следующих возможностей, чтобы выбрать опцию изображения обложки:
      • Использовать обложечный материал — Применить готовое к использованию изображение обложечного материала. Выберите изображение из ниспадающего меню.
      • Загрузить пользовательское изображение — Загрузить собственное фоновое изображение. Щелкните Выберите файл и выберите файл изображения на вашем компьютере. Допустимыми форматами изображения являются PNG, GIF и JPEG. Щелкните Сохранить.
        Примечание:

        Изображение должно быть примерно 1920 пикселов в ширину и 1080 в высоту. Учитывайте размер файла изображения перед его загрузкой, так как большие размеры файлов могут повлиять на производительность для некоторых пользователей веб-сайта. Размер файла должен быть менее 1 МБ.

  6. Щёлкните Опции компоновки и сделайте одно из следующего:
    • Выберите высоту изображения обложки — на весь экран, на две трети экрана или на половину экрана.
    • Настройте фокус изображения обложки, щелкнув в окне предварительного просмотра изображения. Указанная вами точка фокусировки определяет центр изображения для экранов любых размеров.
    • Отрегулируйте прозрачность изображения обложки с помощью бегунка Прозрачность наложения.
    • Отрегулируйте вертикальное выравнивание заголовка и логотипа и их горизонтальное положение по отношению к изображению обложки.
      Примечание:

      Если вы выберете Выровнять по левому краю, выравнивание заголовка будет динамически изменяться в зависимости от размера экрана. Если вы уменьшите на экране размер окна браузера, заголовок станет более центрированным. На планшете или телефоне заголовок всегда центрируется, независимо от выранной опции выравнивания.

  7. Щелкните Сохранить, чтобы сохранить конфигурацию заголовка.

Блоки содержания

Главная страница может содержать до 15 блоков ресурсов, включая текст, галереи элементов и ссылки. Используйте текстовые блоки для настройки заголовков и прочих текстовых описаний о вашей организации. Настройте галереи элементов для демонстрации карт, сцен, приложений и других элементов ресурсов. Добавьте блоки пользовательских ссылок, чтобы помочь участникам и другим пользователям находить больше ресурсов.

При настройке галереи элементов вы указываете группу, содержащую элементы, которые хотите показать. Это позволяет настраивать пользовательские галереи для отображения разного содержания для разных аудиторий. Например, если организация разрешает анонимный доступ, может возникнуть необходимость показывать некоторые ресурсы лишь участникам организации и скрывать их на сайте при анонимном доступе.

Вы можете управлять видимостью галерей элементов и отдельных элементов галереи с помощью настроек группы (Кто увидит эту группу?) и уровнями общего доступа к элементам, как описано ниже:

Для кого эта галерея элементов?Сделать группу видимой дляУстановить уровень общего доступа элемента на

Для всех (общедоступный)

Для всех (общедоступный)

Для всех (общедоступный)

Все участники (нет анонимных пользователей)

Участники организации

Организация

Определенные участники организации

Участники организации

Группа галереи элементов и другие определенные группы

Если у галереи элементов нет видимых элементов для просматривающего главную страницу, то галерея не отображается. Например, анонимные пользователи не увидят галерею, которая содержит только элементы с общим доступом на уровне организации.

При настройке блока ссылок вы можете включить до восьми ссылок. Вы можете использовать URL-адреса веб-сайтов и email адреса в своих ссылках. Необходимо использовать корректный HTTPS URL-адрес веб-сайта или синтаксис для ссылки mailto. Вы можете настроить отображение ссылок в виде подчеркнутого текста или в виде кнопок. Вы также можете включить изображение для каждой ссылки.

Каждый блок содержания может быть настроен в соответствии с потребностями вашей организации и сообщества пользователей. После настройки блоки могут при необходимости быть переупорядочены на странице и отредактированы.

Для настройки блоков содержания главной страницы выполните следующее:

  1. Выполните первые четыре шага вышеприведенного раздела Создание главной страницы.
  2. В разделе Содержание щелкните Блоки содержания.
  3. Чтобы добавить текстовый блок, сделайте следующее:
    1. Щелкните Добавить блок и выберите Текст.
    2. Чтобы включить заголовок, включите переключатель Показать заголовок и введите заголовок.
    3. Чтобы включить основной текст, включите переключатель Показать копию основного текста и введите основной текст в текстовое поле Копия основного текста.

      Чтобы включить гиперссылки в основной текст, нажмите кнопку Добавить ссылку. В окне Добавить ссылку введите заголовок ссылки и местоположение ссылки и нажмите Добавить. Местоположением ссылки должен быть действующий URL-адрес HTTPS, например https://www.arcgis.com/home, или ссылка mailto, например mailto: info@example.com. Ссылка добавляется в текстовое поле Основной текст с использованием синтаксиса языка разметки.

    4. Выберите метод выравнивания текста.
    5. В ниспадающем меню Цвета блока выберите цвет фона для блока текста.
      Примечание:

      Если вы задали предустановленную или настраиваемую цветовую тему для дизайна домашней страницы, выбор нового цвета в раскрывающемся меню переопределит цветовой стиль, выбранный для этого элемента.

    6. Щелкните Сохранить, чтобы сохранить конфигурацию текстового блока.
    7. Повторите эти шаги для каждого текстового блока.
  4. Для настройки галереи элементов выполните следующее:
    1. Щелкните Добавить блок и выберите Галерея элементов.
    2. Щелкните Группа и найдите и выберите группу, ресурсы которой хотите разместить в галерее.
    3. Чтобы включить заголовок, включите переключатель Показать заголовок и введите заголовок.
    4. Чтобы включить краткую информацию включите переключатель Показать краткую информацию и введите текст в текстовое поле Краткая информация.

      Чтобы включить гиперссылки в краткую информацию галереи, нажмите Добавить ссылку. В окне Добавить ссылку введите заголовок ссылки и местоположение ссылки и нажмите Добавить. Местоположением ссылки должен быть действующий URL-адрес HTTPS, например https://www.arcgis.com/home, или ссылка mailto, например mailto: info@example.com. Ссылка добавляется в текстовое поле Краткая информация с использованием синтаксиса языка разметки.

    5. Выберите метод выравнивания текста заголовка и краткой информации.
    6. Выберите номер из ниспадающего меню Номера отображаемых элементов.
    7. Дополнительно, переведите переключатель Показать избранные ресурсы в положение выкл., чтобы вместо избранных ресурсов группы в галерее элементов отобразить последние добавленные в группу элементы.

      Эта опция доступна только в том случае, если в выбранной группе есть кураторская галерея избранных элементов.

    8. Чтобы изменить порядок сортировки элементов, выберите опцию в ниспадающем меню Порядок сортировки. Например, вы можете сортировать элементы по количеству просмотров или владельцу. Чтобы отсортировать страницы в порядке убывания, а не возрастания, отключите опцию Сортировать по возрастанию.

      Если в группе есть галерея избранных ресурсов, и переключатель Показать избранные ресурсы находится в положении вкл., эти элементы будут отображаться в галерее элементов главной страницы в том же порядке, что и в галерее избранных ресурсов для этой группы.

    9. В раскрывающемся меню Отображать типы элементов выберите тип отображаемых элементов, например Карты или Приложения, или выберите Все, чтобы отобразить все типы элементов в галерее.
    10. В разделе Параметры отображения элемента выполните любое из следующих действий:
      • В ниспадающем меню Цвет блоков выберите при необходимости другой цвет фона для галереи.
        Примечание:

        Если вы задали предустановленную или настраиваемую цветовую тему для дизайна домашней страницы, выбор нового цвета в раскрывающемся меню переопределит цветовой стиль, выбранный для этого элемента.

      • Задайте информацию, которую хотите отображать на карточках элементов. Например, вы можете отключить переключатели Показать тип элемента и Показать краткую информацию, чтобы скрыть эту информацию.
    11. Повторите эти шаги для каждой галереи.
  5. Чтобы добавить блок ссылок, сделайте следующее:
    1. Щелкните Добавить блок и выберите Ссылка
    2. При необходимости включите кнопку переключателя Добавить изображения к ссылкам, чтобы включить изображение для каждой ссылки в блоке.
    3. Щелкните Добавить ссылку.
    4. В текстовом окне Название ссылки наберите название ссылки.
    5. Если вы включили опцию включения изображений, нажмите Загрузить изображение в поле Ссылка на изображение, перейдите к изображению и нажмите Сохранить.

      Для достижения наилучших результатов выберите изображение размером 800 пикселов в ширину и 600 в высоту.

    6. В текстовом поле Путь ссылки введите корректный HTTPS URL-адрес веб-сайта или email.
      Подсказка:

      Допустимый синтаксис для email ссылок - mailto:info@example.com.

    7. Щелкните Добавить, чтобы добавить ссылку.
    8. Повторите описанные выше шаги, чтобы добавить ссылки в блок.

      Каждый блок ссылок может содержать до восьми ссылок.

      Примечание:

      Ссылки не поддерживаются для пробных подписок

    9. Чтобы отобразить каждую ссылку как кнопку, включите переключатель Отображать контуры кнопок Выключите переключатель, чтобы ссылки отображались как подчеркнутый текст.
    10. В ниспадающем меню Цвета блока выберите при необходимости другой цвет фона для блока ссылок.
      Примечание:

      Если вы задали предустановленную или настраиваемую цветовую тему для дизайна домашней страницы, выбор нового цвета в раскрывающемся меню переопределит цветовой стиль, выбранный для этого элемента.

    11. Для управления ссылками сделайте одно из следующего:
      • Чтобы отредактировать ссылку, нажмите кнопку Редактировать Редактировать, внесите необходимые изменения и нажмите Сохранить.
      • Чтобы удалить ссылку, щелкните кнопку Удалить Удалить.
      • Чтобы изменить порядок ссылок в блоке, нажмите кнопку Изменить порядок Изменить порядок для ссылки и перетащите ее на новую позицию.
  6. Щелкните Сохранить по завершении настройки блоков.
  7. На панели Основа выполните одно из следующего, чтобы редактировать и сортировать настроенные блоки:
    • Чтобы отредактировать блок, нажмите кнопку Редактировать Редактировать, внесите необходимые изменения и нажмите Сохранить.
    • Для удаления блока щелкните кнопку Удалить Удалить.
    • Чтобы изменить положение блоков на главной странице, нажмите кнопку Изменить порядок Изменить порядок для блока и перетащите его на новую позицию.
  8. Когда закончите, щелкните Сохранить.

Нижний колонтитул

По умолчанию нижний колонтитул главной страницы содержит три предварительно настроенные ссылки, включая ссылку Связаться с Esri. Вы можете настроить пользовательскую ссылку и текст нижнего колонтитула для своей организации и выбрать фоновый цвет для нижнего колонтитула.

Для настройки нижнего колонтитула главной страницы выполните следующее:

  1. Выполните первые четыре шага вышеприведенного раздела Создание главной страницы.
  2. В разделе Содержание щелкните Колонтитул.
  3. Чтобы включить в нижний колонтитул собственный текст, например текст об авторских правах, включите переключатель Отображать текст нижнего колонтитула и введите текст нижнего колонтитула.

    Чтобы включить гиперссылки в пользовательский текст нижнего колонтитула, нажмите Добавить ссылку. В окне Добавить ссылку введите заголовок ссылки и местоположение ссылки и нажмите Добавить. Местоположением ссылки должен быть действующий URL-адрес HTTPS, например https://www.arcgis.com/home, или ссылка mailto, например mailto: info@example.com. Ссылка добавляется в текстовое поле Нижнего колонтитула с использованием синтаксиса языка разметки.

  4. Чтобы включить ссылку Связаться с нами в нижний колонтитул, включите переключатель Показать ссылку на контакты и введите адрес электронной почты, который будет использоваться для ссылки.
  5. В ниспадающем меню Цвета блока выберите цвет фона нижнего колонтитула главной страницы.
    Примечание:

    Если вы задали предустановленную или настраиваемую цветовую тему для дизайна домашней страницы, выбор нового цвета в раскрывающемся меню переопределит цветовой стиль, выбранный для этого элемента.

  6. Щелкните Сохранить, чтобы сохранить конфигурацию нижнего колонтитула.

Цвета

Редактор главной страницы позволяет вам контролировать, как цвета будут отображаться на главной странице. Вы можете выбрать одну из восьми предустановленных цветовых тем для применения к содержимому главной страницы. Каждая цветовая тема содержит цветовые стили, которые определяют цвета текста, фона, заголовка и кнопок или ссылок.

Если предустановленные темы не соответствуют вашим потребностям - например, если ваша организация предъявляет особые требования к цветовому оформлению, - вы можете создать пользовательские цветовые темы с настраиваемыми цветовыми стилями.

Для настройки цветов главной страницы выполните следующее:

  1. Выполните первые четыре шага вышеприведенного раздела Создание главной страницы.
  2. В разделе Дизайн щелкните Цвета.
  3. Щелкните Использовать предустановленную тему или Использовать пользовательскую тему.
  4. Если вы используете предустановленные темы, выберите предустановленную тему из ниспадающего меню и при необходимости измените цветовой стиль, применяемый к любому из компонентов главной страницы - например, к блоку текста или галерее.
  5. При настройке пользовательской цветовой схемы настройте один или несколько пользовательских слоев следующим образом:
    1. В разделе Пользовательские цветовые стили щелкните Добавить пользовательский стиль.
    2. Введите имя стиля.
    3. В разделе Настроить цвета нажмите на кнопку Редактировать пользовательский стиль Редактировать пользовательский стильрядом с элементом блока - например, с Фоном.
    4. Укажите цвет путем ввода шестнадцатеричного значения, значений RGB или HSV, либо выбрав цвет из палитры цветов, палитры рекомендуемых цветов или цветов общей темы (если задана).
    5. Повторите эти действия для каждого элемента блока, для которого хотите настроить цвета.
    6. Если какие-либо элементы помечены как Нечитаемые, нажмите на кнопку Редактировать пользовательский стиль Редактировать пользовательский стиль для элемента и настройте другой цвет.

      Вместо этого можно настроить цвет фона.

      Примечание:

      Коэффициент контрастности рассчитывается и отображается для каждого цвета заголовка, краткой информации, ссылки или кнопки. Коэффициент контрастности описывает контраст между цветом фона и каждым из этих указанных цветов. Более высокими коэффициентами контрастности достигается лучшая степень заметности на основе стандартов WCAG 2.1. Значение коэффициента контрастности, меньшее 4.5, помечается как Нечитаемое.

    7. В окне Добавить пользовательский стиль щелкните Сохранить, когда закончите.
  6. Чтобы создать дополнительные пользовательские стили, повторите предыдущее действие.
    Подсказка:

    Чтобы создать пользовательский цвет на основе имеющегося стиля, можно щелкнуть кнопку Редактировать Редактировать для стиля, задать имя нового стиля, настроить цвета стиля и нажать Сохранить как новый стиль.

  7. Чтобы отредактировать пользовательский стиль цветов, основываясь на имеющемся стиле, можно щелкнуть кнопку Редактировать Редактировать для стиля, задать имя нового стиля, настроить цвета стиля и нажать Перезаписать стиль.
  8. Чтобы отредактировать пользовательский стиль цветов, щелкните кнопку Удалить Удалить, подтвердите, что хотите удалить стиль и выберите Удалить.
    Примечание:

    При удалении стиля ко всем блокам главной страницы, для которых был выбран удаляемый пользовательский стиль, будет применен серый стиль.

  9. Щелкните Сохранить, чтобы сохранить настройки цветов.

Шрифтовое оформление

Редактор главной страницы позволяет вам контролировать, как шрифты будут отображаться на главной странице. Вы можете выбрать из списка предустановленных тем шрифтов, которые были разработаны для профессионального оформления главной страницы. Каждая предустановленная тема шрифтов включает шрифт для заголовков и шрифт для основного текста.

Если предустановленная тема не соответствует вашим требованиям, например, если у вашей организации особые требования к шрифтам, либо вы хотите дополнительные шрифты на выбор, вы можете создать пользовательскую тему шрифтов, выбрав комбинацию шрифтов заголовка и текста из подборки типовых шрифтов.

Для настройки шрифтов главной страницы выполните следующее:

  1. Выполните первые четыре шага вышеприведенного раздела Создание главной страницы.
  2. В разделе Дизайн щелкните Типография.
  3. Щелкните Использовать предустановленную тему или Использовать пользовательскую тему.
  4. Вы можете сделать следующее:
    • Если вы используете предустановленную тему шрифтов, выберите одну из списка.
    • Если вам нужна пользовательская тема шрифтов, выберите шрифт заголовка и шрифт текст из ниспадающих меню.
  5. Щелкните Сохранить, чтобы сохранить конфигурацию шрифтов.

Устаревшая главная страница

Поддержка устаревших настроек главной страницы была прекращена, организации были переведены на современный удобный интерфейс главной страницы с галереями элементов, ссылками и пользовательскими цветами и шрифтами. Если ваша организация получила продление на использование устаревшей страницы, вы по-прежнему можете просматривать устаревшую страницу для справки или копирования содержания на современную домашнюю страницу.

  1. Убедитесь, что вы вошли под учётной записью администратора по умолчанию или участника с пользовательской ролью, имеющей права администрирования, чтобы управлять веб-сайтом организации.
  2. Щелкните Организация вверху сайта, затем выберите вкладку Настройки.
  3. Щелкните Главная страница сбоку от страницы.
  4. Щелкните ссылку на предыдущую домашнюю страницу.