После того, как вы создали сайт или инициативу, вы можете использовать редактор сайта и его боковую панель для настройки сайта, разработки его компоновки и добавления страниц.
В этом разделе вы узнаете, как сделать следующее:
- Запустить сессию редактирования в редакторе сайт, сохранить работу и просмотреть изменения.
- Использовать строки и карточки для разработки сайта или компоновки страницы.
- Установить цвета фона, цвета текста и шрифты.
- Настроить заголовок и колонтитул.
Открытие сайта в режиме редактирования
Чтобы начать, откройте сайт в режиме редактирования. Подробнее об открытии страницы в режиме редактирования см. в Открыть страницу в режиме редактирования.
Из окна браузера
Чтобы открыть сайт в режиме редактирования из браузера, выполните следующие шаги:
- Откройте URL сайта в новом окне браузера и щелкните Войти на глобальной навигационной панели.
- Щелкните кнопку редактирования , чтобы открыть редактор сайтов.
Примечание:
Чтобы войти и редактировать сайт, глобальная навигация должна быть включена и вы должны принадлежать основной команде сайта, иметь права администратора или быть исходным владельцем сайта.
Из ArcGIS Hub
Если глобальная навигация отключена для сайта, вы можете открыть сайт из ArcGIS Hub:
- Войдите в ArcGIS Hub на hub.arcgis.com.
- На странице Обзор щелкните Управлять в Cайты или Инициативы.
- Щелкните на названии сайта или инициативы, чтобы открыть редактор сайта.
Из ArcGIS Online
Чтобы открыть сайт в режиме редактирования из ArcGIS Online, выполните следующие действия:
- Войдите в ArcGIS Online.
- Найдите сайт или сайт инициативы элемента Hub Site Application в разделе Ресурсы.
- Щелкните элемент, чтобы открыть Информацию об элементе и щелкните Настроить приложение.
Сохранение изменений
Так как вы редактируете сайт, регулярно сохраняйте изменения. Кнопка Сохранить находится в верхнем правом углу панели навигации редактирования. У вас есть возможность опубликовать сайт как черновик для просмотра для других пользователей. Более подробно см. раздел Публикация сайтов или страниц.
Примечание:
Если участники основной команды редактируют сайт одновременно или сайт открыт на нескольких вкладках, применяются изменения, сделанные последним пользователем, выполнившим сохранение и выход. Открытые вкладки не обновляются автоматически для отображения новых изменения, поэтому рекомендуется, чтобы одновременно только один участник основной команды редактировал сайт.
Операции на боковой панели и панель навигации редактирования
Чтобы получить больше возможностей редактирования сайта, вы будете использовать боковую панель сайта. Эта панель включает меню Настройки, Заголовок, Тема, Компоновка и Колонтитул.
Чтобы открыть боковую панель, щелкните на кнопку переключения боковой панели . Щелкните на кнопку Назад рядом с Настроить наверху панели, чтобы вернуться к главному меню.
Редактор сайта также включает панель навигации редактирования вверху редактора компоновки, что дает вам доступ к дополнительным функциям, таким как команды, обратная связь и библиотека ресурсов. Вы также можете сохранить сайт и получить доступ к странице информации об элементе в ArcGIS Online из этой панели. Щелкните кнопку дополнительной информации и выберите Редактировать в ArcGIS Online.
Создание компоновки сайта
Чтобы начать создание компоновки своего сайта, откройте меню Компоновка на боковой панели, чтобы работать с выборкой карточек для добавления на сайт изображений, текста, приложений, медиафайлов и другого содержания.
Компоновка сайта по умолчанию создана, чтобы показать вам, как можно комбинировать карточки для создания единого целого, что сфокусирует внимание на предоставлении ресурсов, перед тем, как вы представите свои ресурсы. Вы можете принять этот формат как есть, изменить его цвета и содержимое или вы можете удалить все карточки и начать с пустой компоновки.
Чтобы познакомиться с редактированием компоновки сайта, выполните эти три шага и добавьте новую карточку строки:
- Щёлкните Компоновка на боковой панели.
- Перетащите карточку Строка с боковой панели на компоновку и расположите строку там, где вы хотите.
Примечание:
Строки - это строительные блоки компоновки и требуются везде, где вы хотите вставить карточку, например, как текст, приложение или карточку изображения.
- Перетащите карточку, например текстовую карточку, из боковой панели в новую строку и расположите карточку там, где вы хотите.
Подсказка:
Чтобы переместить карточку в строку, удерживайте курсор над верхним правым углом карточки и используйте кнопку размещения , чтобы переместить карточку. Также вы можете использовать стрелки вправо и влево у карточки, чтобы изменить ее размер. - Дополнительно, чтобы переместить строку, удерживайте курсор над верхним правым углом строки и используйте кнопку размещения , чтобы переместить строку.
Вы можете переместить строку, включая все карточки, которые она содержит, в новое место на компоновке.
- Щелкните Сохранить.
- Чтобы удалить карточку или строку, щелкните ее кнопку удаления .
Настройки сайта
У каждого сайта есть свои настройки, позволяющие управлять такими элементами, как конфигурация URL , краткая информация о сайте и его название, а также такие действия, как частные загрузки и глобальная навигация.
Подсказка:
URL адрес - это важная настройка вашего сайта и ее надо настроить заранее. Чтобы настроить URL-адрес с пользовательским доменом или чтобы переименовать сайт, см. настройка URL-адреса сайта.
Более подробно см. Настройка параметров сайта
Заголовки, нижние колонтитулы и глобальная навигация
Заголовок и нижний колонтитул - важные элементы компоновки вашего сайта. В заголовке вы можете представить свой сайт, добавив оформление бренда и создав меню, которое поможет вашим посетителям найти ресурсы, страницы и внешние вебсайты. Колонтитул обозначает конец сайта и предоставляет пространство для полезной информации, например информация об авторских правах вашей организации, местоположение и контактная информация.
Дополнительно во всех новых сайтах включена глобальная навигация, набор возможностей в виде узкой, компактной панели над заголовком. Эта панель позволяет посетителям найти ресурсы сайта по ключевым словам и фразам, получить доступ к своему профилю пользователя и просмотреть уведомления.
Примечание:
На небольших устройствах, таких как мобильный телефон, заголовок сворачивается в ниспадающее меню, и элементы глобальной навигации (включая опцию ArcGIS Hub Premium добавления инициативы в избранное) доступны на боковой панели, так что посетители могут перемещаться по сайту независимо от размера экрана.
Заголовок, колонтитул и панель глобальной навигации остаются неизменными на сайте и его страницах, чтобы гарантировать, что посетители могут перейти обратно к исходной странице при переходе во ссылкам на другие страницы.
Можно воспользоваться пользовательским кодом в заголовках и колонтитулах. Вы также можете использовать опции в меню Заголовок на боковой панели, чтобы настроить следующее (написание кода не требуется):
- Логотип
- Цвет фона заголовка и текста
- Иконки социальных сетей, чтобы связать посетителей с платформами социальных сетей
- Ссылки меню на страницы и дополнительные ресурсы для создания навигации сайта
Для получения дополнительной информации см. Бренд сайта с заголовком и опциями темы и Настройка глобальной навигации и ссылок меню.
Цвета и шрифты
Вы можете задать цвета для заголовка, панели глобальной навигации, кнопок, текста и цвета фона с помощью меню Тема на боковой панели. Выбранные цвета и панели применяются к компоновке сайта и всем вложенным в сайт страницам.
Вы можете заместить цвета темы для отдельных строк, чтобы обеспечить больший контроль за цветами компоновки. У каждой строки есть собственные настройки, которые позволяют вам задавать цвета текста и фона, так же как и применять изображение в качестве фона.
Сначала поместите курсор над правым верхним углом строки и щелкните кнопку настроек для изменения следующих возможностей.
- Выберите широкую или квадратную компоновку - Широкая раскрывает строки через всю компоновку. Квадратная отображает ресурсы с зафиксированной шириной в строке.
Подсказка:
Квадратная - это рекомендуемая настройка для публикации сайтов, предназначенных для просмотра преимущественно на мобильных устройствах.
- Измените цвет текста и фона с помощью шестизначных кодов цвета или бегунка цвета - Любой цвет отображается в строке таким, каким вы его задали в этой настройке. Это включая текст, отображаемый в строке с помощью любой карточки Вы можете также применить цвет к фону строки.
Подсказка:
Убедитесь, что цветовой контраст между цветом текста строки и цветом фона удовлетворяет критерию доступности 4.5:1 для обычного текста и 3:1 для крупного текста или символа. Существует много вебсайтов, где вы можете проверить цветовойконтраст, например WebAIM.
- Задать фоновое изображение - Вы можете дополнительно установить изображение в качестве фона для строки, загрузив изображение или вставив ссылку на размещенный файл изображения.
Подсказка:
При использовании изображения фона выберите изображение с простым шаблоном или темой, особенно если вы планируете наложить текст или другое содержимое.
Более подробно о форматировании строк см. в Добавление текста и изображений и Создание темы.
Страницы
Страница - дополнительная веб-страница , которую можно добавить на сайт, адаптирующая заголовок, колонтитул и пользовательский домен сайта. Вы можете добавить ссылку на дополнительные страницы, используя ссылки меню в заголовке.
Примечание:
Если вы планируете охватить область информации или отобразить несколько элементов с помощью iframes и карточки карты (вебкарты и вебсцены), рассмотрите использование страниц для разделения содержимого по теме. Это поможет сохранить загрузку и производительность вашего сайта и даст посетителям сайта возможность изучать содержание в своем собственном темпе.
Каждая страница, добавленная на сайт, содержит боковую панель с таким же меню Компоновка, включенным в боковую панель. Это означает, что вы можете создать компоновку своей страницы с помощью карточек так же, как вы разрабатывали сайт.
Для подробной информации о страницах см. Добавление страниц на ваш сайт.