Skip To Content

Создание компоновки сайта

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

Доступ к редактору сайта

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

  1. Выполните вход в сайты Административное приложение.
  2. Перейдите на вкладку Сайты.
  3. Найдите сайт, с которым хотите поработать, и выберите Редактор сайта.

Настройка параметров сайта

Назовите свой сайт и введите его описание, и много другое. Настройки сайта и его возможности можно также настроить, нажав вкладку Сайты для доступа к Менеджеру сайта.

  1. Откройте боковую панель и щелкните Информация о сайте.
  2. Введите имя в поле Имя сайта.
  3. Укажите некоторую дополнительную информацию на вашем сайте в поле О сайте.
  4. Укажите дополнительный пользовательский значок, вставив URL изображения в поле Пользовательский значок.
  5. Щелкните, чтобы переключиться на Google Analytics.
  6. Щелкните, чтобы переключиться на Пользовательскую базовую карту. Вы можете выбрать нужную карту в ниспадающем меню.
  7. Щелкните Возможности в верхней части панели Настройка, чтобы открыть меню Возможности. Используя это меню, вы можете переключаться между доступными возможностями и опциями. Более подробно о доступных возможностях см. раздел Возможности управления сайтом.

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

Укажите URL изображения или используйте пользовательский стиль CSS для настройки панели меню в верхней части сайта.

  1. Откройте боковую панель и щелкните Заголовок. Используйте логотип и заголовок сайта, чтобы ввести заголовок и указать URL вашего логотипа.
  2. Чтобы дать имя сайту, выберите Использовать лого и заголовок сайта, введите заголовок в текстовое поле Заголовок сайта, чтобы он оказался наверху страницы.
  3. Чтобы добавить туда изображение, вставьте URL этого изображения в Поле URL лого.
  4. Если вы хотите брендировать заголовок сайта с помощью HTML или CSS, выберите Использовать пользовательский HTML/CSS.
  5. Измените окно CSS на боковой панели и щелкните Применить изменения, чтобы увидеть эффект.
Внимание:

Заголовок HTML не поддерживает встроенный JavaScript. Теги скриптов будут игнорироваться.

Примечание:

Области Мои данные и Вход не могут быть отредактированы или удалены, чтобы не нарушить работоспособность сайта.

Тема

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

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

      Цвет текста также можно изменить по строкам.

      Цвет ссылки определяет цвет любых ссылок на сайте.
    • Цвет фона для кнопок определяет цвет фона кнопок на сайте.
    • Цвет текста для кнопок определяет цвет текста для любых кнопок на сайте.
  2. После настройки цветов нажмите Применить изменения.
  3. Вы также можете применить шрифты к тексту в заголовке и теле сайта.
    • Чтобы выбрать основной шрифт всего сайта, нажмите значок настройки Базовый шрифт.
    • Чтобы изменить шрифт заголовка сайта, нажмите значок настройки Шрифт заголовка.
Примечание:

Чтобы начать заново или сбросить все до цветов по умолчанию, нажмите Восстановить по умолчанию внизу меню Тема.

Компоновка и карточки

Основная компоновка сайта или страницы организована в строки и карточки. Карточки нужно разместить в строке, причем в каждой строке можно поместить неограниченного число карточек. Чтобы отредактировать любую карточку, щелкните значок настроек. Для удаления карточки щелкните кнопку удаления. При создании сайта можно использовать следующие карточки: строка, баннер, изображение, веб-карта, текст, категория, контактная информация, галерея, iframe, информация о событии, вид списка событий, видео, социальные сети, суммарная статистика и диаграмма.

Карточка строки

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

  1. Перетащите строку из Редактора сайта на компоновку.

    На странице появятся маркеры.

  2. Наведите курсор на строку и справа от нее появятся три кнопки: стрелки для перемещения строки по странице, значок настроек для редактирования и значок удаления строки.
  3. Щелкните значок настроек, чтобы перейти в режим редактирования.
  4. Выберите Компоновка вашей строки, выбрав Блочная или Широкая.Широкая показывает ваши ресурсы, используя всю страницу, а Блочная отображает в строке ресурсы фиксированной ширины.
  5. Выберите цвет текста данной строки.
  6. Также выберите цвет фона (по умолчанию прозрачный) или фоновое изображение.
  7. Можно также добавить изображение, щелкнув Источник изображения и либо выгрузив файл изображения, либо указав URL изображения. Оба варианта поддерживают JPG, JPEG и PNG.
    • Чтобы выгрузить файл изображения, выберите Выгрузить изображение и перетащите файл в окно Редактора сайта либо щелкните Обзор изображения, чтобы найти и добавить файл. Максимально допустимый размер файла - 3 МБ.
    • Либо укажите URL изображения, вставив поддерживаемую ссылку на изображение в поле URL.
  8. При работе с файлом изображения можно его настроить, щелкнув кнопку вырезания и перетаскивая элемент управления для изменения фрейма вырезания. Положение фрейма вырезания можно изменять, перетаскивая пунктирную линию. Можно также приближать и удалять изображение, изменяя положение бегунка под изображением и перемещать изображение, щелкнув фрейм вырезания.
  9. При добавлении цвета фона и изображения можно также настроить Прозрачность изображения в меню Оформление, задав процент либо воспользовавшись бегунком.
  10. Включите Фиксированный фон для создания эффекта параллакса, когда содержимое прокручивается с другой скоростью, по сравнению с фоновым изображением.
  11. Дополнительно можно задать Точку фокуса изображения, чтобы фокус вашего изображения подстраивался под размер дисплея.

Карточка баннера

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

  1. Перетащите карточку Баннер в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Введите текст Заголовка и Подзаголовка.
  4. Щелкните в меню ПоискПоказать панель поиска, чтобы добавить на баннер дополнительную панель поиска. Дополнительно установите отметку Добавить возможность поиска по местоположению, чтобы добавить вторичную опцию поиска, позволяющую отфильтровывать результаты по местоположению.
  5. Дополнительно поместите замещающий текст в поле поиска.
  6. В меню Опции укажите значение Минимальной высоты, чтобы задать высоту вашего баннера. Значение должно быть больше нуля.
  7. В меню Фоновое изображение можно выгрузить файл изображения или ввести его URL. Оба варианта поддерживают JPG, JPEG и PNG.
    • Чтобы выгрузить файл изображения, выберите Выгрузить изображение и перетащите файл в окно Редактора сайта либо щелкните Обзор изображения, чтобы найти и добавить файл. Максимально допустимый размер файла - 3 МБ.
    • Либо укажите URL изображения, вставив поддерживаемую ссылку на изображение в поле URL.
  8. При работе с файлом изображения можно его настроить, щелкнув кнопку вырезания и перетаскивая элемент управления для изменения фрейма вырезания. Положение фрейма вырезания можно изменять, перетаскивая пунктирную линию. Можно также приближать и удалять изображение, изменяя положение бегунка под изображением, и перемещать изображение, щелкнув фрейм вырезания.
  9. И в случае выгрузки изображения, и для его URL можно дополнительно указать Точку фокуса изображения, чтобы область фокуса вашего изображения не зависела от размера дисплея.

Карточка поиска

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

  1. Перетащите карточку Поиск в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Введите замещающий текст в поле Замещающий текст поиска. Например, вы можете использовать «Поиск по ключевому слову» или «Найти данные».
  4. Отметьте пункт Добавить возможность поиска по местоположению, чтобы добавить дополнительную опцию поиска для запроса на основании местоположения. Вы также можете ввести замещающий текст в поле Замещающий текст местоположения.

Карточка изображения

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

  1. Перетащите карточку Изображения в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Выберите источник изображения. Можно либо подгрузить файл изображения, либо указывать его URL. Оба варианта поддерживают JPG, JPEG и PNG.
    • Чтобы выгрузить файл изображения, выберите Выгрузить изображение и перетащите файл в окно Редактора сайта либо щелкните Обзор изображения, чтобы найти и добавить файл. Максимально допустимый размер файла - 3 МБ.
    • Либо укажите URL изображения, выбрав Image URL и вставив поддерживаемую ссылку на изображение в полеURL.
  4. При работе с файлом изображения можно его настроить, щелкнув кнопку вырезания и перетаскивая элемент управления для изменения размера фрейма обрезки. Положение фрейма обрезки можно изменять, перетаскивая пунктирную линию. Можно также приближать и удалять изображение, изменяя положение бегунка под изображением, и перемещать изображение, щелкнув фрейм вырезания.
  5. В меню Опции укажите изображение вместо текста, чтобы помочь пользователям с плохим зрением и улучшить доступность вашего сайта.
  6. Укажите гиперссылку изображения и выберите ссылку, которая откроется либо в той же, либо в новой вкладке.
  7. Введите текст Подписи изображения и выберите выравнивание текста.
  8. Можно также щелкнуть Масштабировать изображение для заполнения, чтобы задать точку фокуса изображения. Точка фокуса позволяет убедиться в том, что изображение будет всегда выглядеть адекватно - независимо от размера дисплея.

Веб-карты

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

  1. Перетащите карточку Веб-карта в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Нажмите Найти веб-карту.
  4. Найдите нужную веб-карту в Моих картах, Моей организации или среди Всех карт.
  5. Чтобы показать заголовок карты, нажмите переключатель Заголовок.
  6. Укажите Высоту карты (в пикселах).

Карточка текста

Изменяйте формат текста, добавляйте списки и вставляйте таблицы. Также можно воспользоваться пользовательским HTML.

  1. Перетащите карточку Баннер в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Добавьте текст.
  4. Выберите текст, который необходимо отформатировать. Опции форматирования включают стиль (добавление заголовков, фрагментов кода и кавычек), жирный шрифт, наклонный шрифт и ссылки.
  5. Чтобы изменить выравнивание текста, щелкните опции параграфа и выберите нужное выравнивание. Вы также можете увеличить или уменьшить отступ для строки текста, выбрав опцию параграфа и выбрав увеличение или уменьшение отступа.
Примечание:

Цвет текста можно изменить в настройках карточки строки.

Добавьте нумерованный список или маркированный список

  1. Добавьте текст или выберите существующий текст.
  2. Выберите неупорядоченный список, чтобы создать маркированный список.
  3. Выберите упорядоченный список, чтобы создать нумерованный список.

Вставить таблицу

  1. Нажмите опцию таблицы.
  2. Выберите число ячеек, необходимых для столбцов и строк.
  3. После определения размера вашей таблицы, щелкните, чтобы добавить её. Добавьте или удалите строки или столбцы, щелкая внутри ячейки и нажимая кнопки вставки или удаления строк или столбцов. Щелкните кнопку удаления, чтобы удалить таблицу полностью.
Примечание:

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

Добавление кнопок и карточек

  1. Щелкните кнопку Вставить.
  2. Выберите одну из следующих опций:
    • Кнопка – добавляет вызов действия, предоставляя ссылки на дополнительную информацию.
    • Широкая карточка – добавляет отдельную карточку для отображения ресурсов, ссылки на дополнительную информацию или отображения изображения или рисунка.
    • Карточки – добавляет несколько карточек.
Примечание:

Изображения можно отредактировать, предоставив ссылку на изображение в сети внутри вида кода карточки.

Добавление HTML

Вы можете использовать HTML для настройки внешнего вида вашего текста.

  1. Перетащите карточку Баннер в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Щелкните опцию Вид кода.
Внимание:

В целях безопасности текстовые виджеты не поддерживают встроенный JavaScript. Теги скриптов будут игнорироваться.

Разрешается использование следующих элементов HTML:

'a', 'b', 'blockquote', 'br', 'caption', 'cite', 'code', 'col',
 'colgroup', 'dd', 'dl', 'dt', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
 'i', 'img', 'li', 'ol', 'p', 'pre', 'q', 'small', 'strike', 'strong',
 'sub', 'sup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'u',
 'ul', 'center', 'style', 'div', 'span'

Для этих элементов разрешается использование следующих атрибутов:


 All supported HTML elements allow : ['class', 'style'], 'a' : ['href', 'title', 'target', 'data-toggle', 'data-target', 'name'], 'blockquote': ['cite'],	'button'    : ['name', 'value', 'data-toggle', 'data-target', 'data-dismiss'], 'col' : ['span', 'width'], 'colgroup' : ['span', 'width'],	'div' : ['data-show', 'data-target', 'data-toggle'] 'img' : ['align', 'alt', 'height', 'src', 'title', 'width' ], 'ol' : ['start', 'type'], 'q' : ['cite'], 'table' : ['summary', 'width', 'class'], 'td' : ['abbr', 'axis', 'colspan', 'rowspan', 'width'], 'th' : ['abbr', 'axis', 'colspan', 'rowspan', 'scope', 'width'],
 'ul' : ['type']

Карточка категории

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

  1. Перетащите карточку Категория в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Отредактируйте текст связи для вашей категории.
  4. Выберите либо Использовать запрос к тегам или Использовать группу.

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

    • Тег - введите запрос тега. .Все наборы данных, имеющие такой тег в соответствующем элементе корпоративного портала, будут возвращены в результатах поиска.
    • Группа - выберите группу. Все наборы данных из этой группы будут возвращены в результатах поиска.
  5. Выберите значок из библиотеки:
    1. Щелкните Выбрать значок.
    2. Выберите значок и щелкните Выбрать.

      На боковой панели появится значок.

    3. Щелкните серое поле справа от значка, чтобы выбрать цвет значка.
  6. Используйте собственный значок:
    1. Введите URL-адрес своего значка.
    2. Введите дополнительный текст к значку, чтобы облегчить работу не авторизованным пользователям и улучшить вид сайта.
  7. Щелкните Назад к редактору сайта, чтобы вернуться к основной боковой панели.
Подсказка:

Пользовательские значки должны сохраняться как файл .svg или как файл .png с прозрачностью. Значки будут масштабированы до размера 120х120 пикселов.

Карточка контактной информации

Укажите контактную информацию, чтобы отправить email владельцу данных.

  1. Перетащите карточку Контактная информация в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Укажите адрес email и тему сообщения.

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

  4. Щелкните Назад к редактору сайта, чтобы вернуться к основной боковой панели.

Карточка галереи

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

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

      Приложения содержат следующие элементы: приложения, формы (Survey123) и приложения веб-картографии. Поддерживаемые типы Документов включают PDF, Microsoft Excel, Microsoft PowerPoint, iWork Keynote, iWork Pages, iWork Documents и Visio Documents.

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

      Если вы выбрали ручное отображение, вы можете изменить порядок появления карточек в компоновке, уточняя список карточек в Редакторе сайта. Щелкните имя карточки, чтобы перетащить ее в новое место в списке.

  4. В ниспадающем меню Стиль выберите внешний вид карточек галереи с помощью следующих опций:
    • Изображение - выберите значки или уменьшенные изображения. ArcGIS OnlineРедакторе сайтаСайтыArcGIS OnlineМоих ресурсахРедактировать образецArcGIS Onlineописанием элементаРесурсыОбзорРедактировать образецописанием элемента
    • Углы - выберите прямые или скругленные углы.
    • Текст кнопки - можно переименовать кнопку Исследовать, задав ей новое имя в текстовом окне.

Карточка Iframe

Используйте iframes и внешние ресурсы.

Внимание:

Не вставляйте встраиваемый код iframe с другого веб-сайта. Вставляйте только URL-адрес, который вы хотите встроить.

  1. Перетащите карточку iframe в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Укажите URL-адрес iframe и высоту фрейма.
  4. Добавьте заголовок вашего iframe.
  5. Включите прокрутку, выбрав Автоматически.
  6. Щелкните Применить.
Примечание:

URL-адреса Iframe, использующие HTTP, не отображаются в Редакторе сайта, на котором используется HTTPS. Сохраните и просмотрите сайт, чтобы проверить iframe.

Карточка видео

Добавляйте карточки видео, чтобы встраивать видеоролики YouTube, Vimeo, или Facebook.

  1. Перетащите карточку Галереи в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Вставьте URL видеоролика из Facebook, Vimeo или YouTube в поле URL видео.
  4. В зависимости от источника видео могут появиться дополнительные опции, позволяющие конфигурировать отображение видео:
    • Для видеороликов Facebook выберите Показать текст поста для показа количества лайков, комментариев, публикаций и другого текста. Выберите Всегда показывать подписи для отображения подписей видео.
    • Для видеороликов Vimeo выберите Показать заголовок видео, Показать владельца видео, Показать уменьшенное изображения владельца видео и Циклическое воспроизведение видео.
    • Для видеороликов YouTube выберите Показать значок YouTube и Циклическое воспроизведение видео.
  5. Щелкните кнопку копирования, расположенную рядом с URL видео, чтобы сохранить ссылку в буфер обмена, которую можно использовать по всему приложению.

Карточка социальных сетей

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

Пост Facebook

Отобразите один пост для выделения чего-либо.

  1. Перетащите карточку Социальные сети в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Вставьте в поле URL поста социальной сети URL любого публично опубликованного поста Facebook. Чтобы вставить правильный адрес URL, щелкните временную отметку поста (дату или время в левом верхнем углу поста), а затем скопируйте новый URL в браузере, перед тем как редактировать свой сайт.
  4. Дополнительно можно щелкнуть переключатель Показать текст поста для отображения текста, связанного с постом.

Лента Facebook

Отобразите Ленту, События и Сообщения со страницы Facebook.

  1. Перетащите карточку Социальные сети в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Вставьте в поле URL поста социальной сети URL любой публично опубликованной страницы Facebook.
  4. Можно также щелкнуть переключатель, чтобы выбрать любую комбинацию следующих возможностей:
    • Опция Вкладки страницы Facebook позволит отобразить вкладку Лента под заголовком страницы. Выберите эту опцию, если вы хотите опубликовать свою ленту с событиями и/или сообщениями.
    • События позволяют отобразить только список событий страницы.
    • Опция Сообщения позволяет людям вводить и посылать сообщения администратору страницы Facebook через мессенджер Facebook.
    • Опция Использовать большой заголовок позволяет увеличить размер заголовка страницы и добавить кнопку Отправить сообщение для работы людей с мессенджером Facebook.
    • Опция Показать фотографию обложки для отображения фотографии «обложки» страницы.

Пост Twitter

Отобразите один пост Twitter для выделения чего-либо.

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

Лента Twitter

Отобразите масштабируемую ленту Twitter.

  1. Перетащите карточку Социальные сети в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Вставьте в поле URL поста социальной сети URL любой публично опубликованной ленты Twitter.
  4. Можно также щелкнуть переключатель, чтобы выбрать любую комбинацию следующих Опций:
    • Опция Выбрать высоту коллекции позволяет выбрать По умолчанию, чтобы оставить текущее отображение, либо Расширенный, чтобы отобразить ленту в развернутом виде.
    • Ограничение твитов задает число твитов, показанных в ленте.
    • Опция Показать темную тему инвертирует цвета отображения.
    • Опция Показать заголовок предназначена для отображения заголовка. Точно так же выберите Показать колонтитул для отображения нижнего колонтитула.
    • Опция Показать границу позволяет отобразить линию границы ленты.
    • Опция Показать фон позволяет удалить фон.

Коллекция Twitter

Отображение подключения к twitter на вашем сайте. Более подробную информацию о создании коллекции Twitter можно получить в документации Twitter Developer в разделе Подборка коллекции твитов.

  1. Перетащите карточку Социальные сети в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Вставьте в поле URL поста социальной сети URL любой публично опубликованной коллекции Twitter.
  4. Можно также щелкнуть переключатель, чтобы выбрать любую комбинацию следующих Опций:
    • Количество твитов позволяет вам ограничить количество твитов, отображаемых в коллекции.
    • Расширение по высоте позволяет вам показать больше элементов в коллекции.
    • Показать темную тему изменяет цвет текста на белый и применяет темно-серый фон.
    • Показать заголовок отображает заголовок для коллекции. Аналогично, выберите Показать колонтитул, чтобы отобразить колонтитул, содержащий ссылки на Встроить или Просмотреть в Twitter.
    • Показать границу позволяет отобразить линию границы вокруг карточки.
    • Показать фон применяет белый фон для карточки. Если одновременно выбрана опция Показать темную тему, то будет применен темно-серый фон.

Карточка суммарной статистики

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

  1. Перетащите карточку Суммарная статистика в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Щелкните (+) Добавить данные, чтобы открыть окно выбора элемента, чтобы выбирать сервис данных. При изменении сайта ссылка на источник под статистикой будет вести на страницу деталей элемента для страницы предпросмотра набора данных.
  4. Выберите Поле статистики для выбора поля из выбранного сервиса. Это поле будет использоваться на последующих этапах работы.
  5. Выберите Тип статистики, чтобы выбрать тип операции, которая будет выполняться на выбранном поле.
    • Для текстовых полей и полей дат выберите между количеством, минимумом и максимумом.
    • Для числовых полей выберите между количеством, суммой, минимумом, максимумом, средним отклонением и дисперсией.
  6. Дополнительно, добавьте к статистике фильтр:
    1. Выберите атрибут, используемый как фильтр.
    2. Выберите Добавить.
    3. Выберите новое атрибутивное поле, чтобы показать ввод фильтра. Входное поле может отличаться, в зависимости от типа поля.
    4. Введите подходящий фильтр.
    5. Щелкните вне поля фильтра или нажмите Enter на клавиатуре.
  7. Введите заголовок окне ввода текста Заголовок.
  8. Можно также ввести текст Завершающего текста для указания подробной статистики и изменить Цвет акцентов для статистики.

Карточка диаграммы

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

Линейчатая диаграмма

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

  1. Перетащите карточку Диаграмма в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Линейчатая диаграмма является выбором по умолчанию.
  4. Щелкните (+) Добавить данные.
  5. Выберите элемент в доступных сервисах данных.
  6. Нажмите Выбрать атрибут категории, чтобы выбрать из данных первичный элемент диаграммы.

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

  7. Дополнительно Выберите атрибут значений, чтобы выбрать числовое поле, которое будет служить метрикой значений для атрибута категории. Когда выбор будет сделан, статистической операцией в этом поле будет сумма. Вы можете изменить Статистическую операцию, используя ниспадающий список справа от переключателя Выбрать атрибут значений. Атрибут значений поддерживает значения Мин., Макс., Сумма, Среднее и Число. Когда выбрано Число, атрибут значения отменяется (потому что нет необходимости в дополнительном поле для указания атрибута категории).

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

  8. Нажмите меню Опции, чтобы настроить отображении диаграммы с помощью следующих настроек:
    • Опция Сортировка позволяет выбрать, какие атрибутивные данные будут показаны. Нажмите атрибут, затем нажмите на значок сортировки рядом с атрибутом, чтобы показать данные по возрастанию или убыванию.
    • Задайте значение высоты (в пикселах) для диаграммы в текстовом поле Высота (пикс).
    • Чтобы показать заголовок диаграммы, нажмите переключатель Заголовок диаграммы. При показе заголовка введите его имя в текстовом поле и выберите способ выравнивания.
    • Настройте Основной цвет диаграммы, указав цветовой код или выбрав его на палитре.
    • Введите текст для Подпись категории и Подпись значения.

Круговая диаграмма

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

  1. Перетащите карточку Диаграмма в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Выберите круговую диаграмму, щелкнув соответствующую кнопку.
  4. Щелкните (+) Добавить данные.
  5. Выберите элемент в доступных сервисах данных.
  6. Нажмите Выбрать атрибут категории, чтобы выбрать из данных первичный элемент диаграммы.

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

  7. Дополнительно Выберите атрибут значений, чтобы выбрать числовое поле, которое будет служить метрикой значений для атрибута категории. Когда выбор будет сделан, статистической операцией в этом поле будет сумма. Вы можете изменить Статистическую операцию, используя ниспадающий список справа от переключателя Выбрать атрибут значений. Атрибут значений поддерживает значения Мин., Макс., Сумма, Среднее и Число. Когда выбрано Число, атрибут значения отменяется (потому что нет необходимости в дополнительном поле для указания атрибута категории).

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

  8. Нажмите меню Опции, чтобы настроить отображении диаграммы с помощью следующих настроек:
    • Опция Сортировка позволяет выбрать, какие атрибутивные данные будут показаны. Нажмите атрибут, затем нажмите на значок сортировки рядом с атрибутом, чтобы показать данные по возрастанию или убыванию.
    • Задайте значение высоты (в пикселах) для диаграммы в текстовом поле Высота (пикс).
    • Чтобы показать заголовок диаграммы, нажмите переключатель Заголовок диаграммы. При показе заголовка введите его имя в текстовом поле и выберите способ выравнивания.
    • Настройте текст Подписи категории для надписывания каждого сектора в виде подсказки и текст Подписи значения для надписывания единиц изменения в подсказке.

Диаграмма-график

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

  1. Перетащите карточку Диаграмма в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Выберите линейную диаграмму, щелкнув соответствующую кнопку.
  4. Щелкните (+) Добавить данные.
  5. Выберите элемент в доступных сервисах данных.
  6. Нажмите Выбрать атрибут категории, чтобы выбрать из данных первичный элемент диаграммы.

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

  7. Дополнительно Выберите атрибут значений, чтобы выбрать числовое поле, которое будет служить метрикой значений для атрибута категории. Когда выбор будет сделан, статистической операцией в этом поле будет сумма. Вы можете изменить Статистическую операцию, используя ниспадающий список справа от переключателя Выбрать атрибут значений. Атрибут значений поддерживает значения Мин., Макс., Сумма, Среднее и Число. Когда выбрано Число, атрибут значения отменяется (потому что нет необходимости в дополнительном поле для указания атрибута категории).

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

  8. Нажмите меню Опции, чтобы настроить отображении диаграммы с помощью следующих настроек:
    • Опция Сортировка позволяет выбрать, какие атрибутивные данные будут показаны. Нажмите атрибут, затем нажмите на значок сортировки рядом с атрибутом, чтобы показать данные по возрастанию или убыванию.
    • Задайте значение высоты (в пикселах) для диаграммы в текстовом поле Высота (пикс).
    • Чтобы показать заголовок диаграммы, нажмите переключатель Заголовок диаграммы. При показе заголовка введите его имя в текстовом поле и выберите способ выравнивания.
    • Настройте Основной цвет диаграммы, указав цветовой код или выбрав его на палитре.
    • Настройте текст Подписи категории для надписывания каждого точки в виде подсказки и текст Подписи значения для надписывания единиц изменения в подсказке

Точечная диаграмма

Точечные диаграммы создаются с помощью запросов к выбранным наборам данных и автоматически обновляются при изменении набора данных.

  1. Перетащите карточку Диаграмма в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Выберите точечную диаграмму, щелкнув соответствующую кнопку.
  4. Щелкните (+) Добавить данные.
  5. Выберите элемент в доступных сервисах данных.
  6. Нажмите Выбрать атрибут оси Х, чтобы выбрать из данных первичный элемент диаграммы.

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

  7. Дополнительно Выберите атрибут оси Y, чтобы выбрать числовое поле, которое будет служить метрикой значений для атрибута категории.

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

  8. Нажмите меню Опции, чтобы настроить отображении диаграммы с помощью следующих настроек:
    • Опция Сортировка позволяет выбрать, какие атрибутивные данные будут показаны. Нажмите атрибут, затем нажмите на значок сортировки рядом с атрибутом, чтобы показать данные по возрастанию или убыванию.
    • Задайте значение высоты (в пикселах) для диаграммы в текстовом поле Высота (пикс).
    • Чтобы показать заголовок диаграммы, нажмите переключатель Заголовок диаграммы. При показе заголовка введите его имя в текстовом поле и выберите способ выравнивания.
    • Настройте Основной цвет диаграммы, указав цветовой код или выбрав его на палитре.
    • Настройте Подпись оси X и Подпись оси Y, чтобы они показывались в диаграмме.

Диаграмма JSON

Пользовательские диаграммы создаются с помощью JSON со специальными спецификациями диаграмм.

  1. Перетащите карточку Диаграмма в имеющуюся строку.
  2. Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
  3. Выберите заголовок JSON.
  4. Введите JSON в поле Спецификация диаграммы JSON.
  5. Дополнительно, в разделе Опции можно включить/отключить или настроить Заголовок диаграммы и Высоту (в пикселах).

Спецификация JSON

Ввод собственного JSON позволяет получать диаграммы, использующие библиотеку Cedar. Спецификация состоит из следующих компонентов:

Наборы данных

Массив наборов данных задает URL-адрес сервиса объектов ArcGIS и параметры запроса. Обратитесь к документации REST API, чтобы больше узнать о параметрах запроса.

{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}

Серии

Массив серий позволяет задавать соответствие между полями ответа сервиса и визуальными аспектами диаграммы (оси x, y, цвет/размер для точечных диаграмм, радиус для круговых диаграмм).

{ "series": [ { "source": "Number_of_SUM", "category": { "field": "Type", "label": "Facility
Use" }, "value": { "field":"Number_of_SUM","label":"Total Students" }} ] }

Замещения

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

"overrides": {
      "legend": {
          "enabled": true
      },
      "backgroundColor": "#E6E6FA",
      "backgroundAlpha": 1
  }
}

Спецификация

Свойство Спецификация позволяет вводить всю спецификацию Cedar для число пользовательской диаграммы. Просмотрите примеры имеющихся спецификаций диаграмм.

Примеры

Линейчатая диаграмма
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ]
}

Горизонтальная линейчатая диаграмма:
{
  "type": "bar-horizontal",  "datasets": [    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",      "name": "Number_of_SUM",      "query": {
        "orderByFields": "Number_of_SUM DESC",        "groupByFieldsForStatistics": "Type",        "outStatistics": [          {
            "statisticType": "sum",            "onStatisticField": "Number_of",            "outStatisticFieldName": "Number_of_SUM"
          }
        ]      }
    }
  ],  "series": [    {
      "category": {"field": "Type", "label": "Type"},      "value": {"field": "Number_of_SUM", "label": "Number of Students"},      "source": "Number_of_SUM"
    }
  ],  "overrides": {
    "categoryAxis": {
      "labelRotation": -45    }
  }
}

Стековая линейчатая диаграмма:

Примечание: каждая серия будет соответствовать 'группе.

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Диаграмма рассеяния:
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Пузырьковая диаграмма рассеяния:
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Временная диаграмма

Примечание: категорией должно быть поле datetime.

 {
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

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

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

  1. В разделе Нижний колонтитул выберите Пользовательский.

    На странице появится нижний колонтитул по умолчанию, а на боковой странице откроется панель CSS.

  2. Щелкните кнопку настроек в правом нижнем углу колонтитула, чтобы отредактировать HTML.
  3. Снова щелкните кнопку настроек, чтобы увидеть изменения.
  4. Измените CSS на боковой панели и щелкните Применить изменения, чтобы увидеть эффекты HTML.
Подсказка:

HTML нижнего колонтитула не поддерживает встроенный JavaScript. Теги скриптов будут игнорироваться.