Поделиться через

Руководство по фирменной символике для порталов SharePoint Online

  • Статья

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

Примечание.

Хотя эти инструкции в основном предназначены для SharePoint Online, большая часть из них также применима к порталам, размещенным в локальной среде SharePoint.

Что не стоит делать

В следующем списке содержатся основные действия, которые не следует выполнять при применении фирменной символики к порталу.

Не рекомендуется:

  • Переопределять фирменный стиль панели набора Office 365.
  • Настраивать фирменный стиль для личных сайтов.
  • По умолчанию применять настраиваемую фирменную символику с помощью пользовательских эталонных страниц.

Требования к фирменной символике и общие принципы

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

Стандартные требования к фирменной символике при создании пользовательских порталов SharePoint Online

  • Настройка внешнего вида:

    • Реализуйте пользовательскую цветовую схему.
    • Добавьте настраиваемый логотип.
    • Настройте внешний вид страницы входа.
    • Измените оформление элементов навигации.

  • Настройка макета:

    • Измените общее размещение информации на страницах.
    • Сделайте портал "адаптивным".
    • Отобразите настраиваемый нижний колонтитул.

  • Добавление функций:

    • Настройте поведение навигации портала.
    • Добавьте пользовательские элементы управления (веб-части) на страницы.

В следующих разделах рассматриваются способы выполнения этих требований.

Общие принципы

Учитывайте следующие общие принципы, связанные с фирменной символикой порталов в среде SharePoint Online:

  • Служба SharePoint Online постоянно улучшается. Обновления, выпускаемые для службы, могут затрагивать структуру объектной модели документов (DOM) стандартных страниц и содержимое стандартных файлов (например, эталонные страницы). Разработчики должны это учитывать и не должны использовать неподдерживаемые способы настройки (например, расположение определенных элементов в структуре DOM страницы).

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

  • Настройка фирменной символики личных сайтов (сайты OneDrive для бизнеса) не поддерживается. Вы можете применить пользовательские цветовые схемы с помощью параметров фирменной символики на уровне клиента Office 365. Обратите внимание, что это относится к современному интерфейсу по умолчанию приложения OneDrive для бизнеса.

  • Порталы SharePoint Online должны рассматриваться как часть общей экосистемы Office 365. Поэтому каждый портал теперь содержит панель набора Office 365, и ее настройка не поддерживается (см. раздел Панель набора Office 365).

  • При планировании фирменной символики и структуры навигационных компонентов важно следовать рекомендациям, описанным в статье Решения навигации для порталов SharePoint Online.

  • При расширении возможностей портала с помощью пользовательских элементов управления (веб-частей) важно следовать рекомендациям, описанным в статье Руководство по оптимизации производительности для порталов SharePoint Online.

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

Настройка внешнего вида

Существует несколько готовых способов настройки внешнего вида порталов SharePoint:

  • Администраторы могут настроить тему Office 365 для всего клиента.
  • Пользовательскую тему можно применить к определенному сайту.

Эти способы можно использовать для "получения" нужных цветов и обеспечения изменения цвета на разных сайтах портала. Если нужны более гибкие возможности, пользователям рекомендуется начать со стандартной эталонной страницы (seattle.master) и применить пользовательскую тему или использовать пользовательские параметры CSS сайта (Web.AlternateCSSUrl) для подключения необходимых CSS-файлов. Настраиваемое изображение логотипа можно задать с помощью свойства Web.SiteLogoUrl.

Эти способы представлены в следующих статьях и примерах PnP:

Следуйте этим рекомендациям при разработке настраиваемых CSS-файлов для SharePoint:

  • Ограничьте переопределение стандартных классов CSS.
  • Используйте свойство Web.AlternateCssUrl для включения настраиваемых CSS-файлов.
  • Не переопределяйте символику панели набора Office 365, так как это приводит к разобщенному интерфейсу, когда пользователи покидают портал.

Страница входа в Office 365

Пользователи могут применять фирменную символику компании на странице входа в Office 365. Этот процесс описан в статье Добавление фирменной символики компании на страницу входа в Office 365.

Панель набора Office 365

Рекомендации для панели набора с точки зрения корпорации Майкрософт:

  • Панель набора — это компонент навигации на уровне клиента, позволяющий пользователям легко перемещаться между всеми службами Office 365.
  • Ваше приложение портала не "владеет" панелью набора, и это не должно предполагаться.
  • Обращайтесь с панелью набора, как с панелью инструментов браузера, так как она не является частью приложения.
  • Вы можете изменить или настроить панель набора, но только на уровне клиента и только с помощью страниц администрирования Office 365.
  • Не следует использовать код для изменения (перемещения или скрытия) панели набора в приложении.
  • Не следует повторно использовать элементы панели набора (например, значок средства запуска приложений) в приложении.
  • Если вы решите не следовать этим рекомендациям, скорее всего, вы столкнетесь с непредвиденными проблемами в будущем.

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

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

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

  • Реализация пользовательских стилей CSS.
  • Использование пользовательских макетов страниц.
  • Реализация стандартных элементов фирменной символики (например, нижнего колонтитула) путем внедрения клиентских сценариев (этот способ рассматривается в следующем разделе).

Объединение этих способов позволяет создать нужный макет портала SharePoint без разработки пользовательских эталонных страниц.

Следующие примеры PnP и решения с сайта GitHub демонстрируют, как это сделать:

Добавление функций

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

Следующие способы можно использовать для внедрения JavaScript:

  • Добавьте пользовательское действие на уровне сайта или семейства веб-сайтов. Это может запускать выполнение фрагмента кода JavaScript на всех страницах сайта или семейства веб-сайтов.

  • Добавьте на страницу веб-часть "Редактор контента" или "Редактор скриптов" с помощью кода JavaScript или ссылки на файл JavaScript. Это может запускать выполнение кода JavaScript на определенной странице.

  • Включите код JavaScript или ссылку на файл JavaScript в содержимое файла макетов страниц. Это может запускать выполнение JavaScript на всех страницах публикации, использующих этот файл макетов страниц.

Примечание.

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

В следующих примерах PnP демонстрируется способ внедрения JavaScript:

Примечание.

При расширении возможностей портала с помощью JavaScript важно следовать рекомендациям, описанным в статье Руководство по оптимизации производительности для порталов SharePoint Online.

Подготовка ресурсов фирменной символики

Последним шагом при внедрении решения фирменной символики является подготовка ресурсов фирменной символики. Обычно к ним относятся изображения, файлы CSS и JavaScript.

Существует несколько способов развертывания этих файлов:

  • Публикация файлов в библиотеках отдельных семейств веб-сайтов. В этом случае каждое семейство веб-сайтов может использовать собственную версию ресурсов фирменной символики. Доступ к файлам управляется с помощью стандартных механизмов безопасности SharePoint. Однако для обновления файлов требуется их повторная отправка во все семейства веб-сайтов.

  • Публикация файлов в библиотеке одного семейства веб-сайтов (центральное расположение). В этом случае все семейства веб-сайтов могут использовать одну последнюю версию ресурсов фирменной символики. Обновленные файлы должны отправляться только в одно расположение. Администраторы должны убедиться, что у пользователей всех семейств веб-сайтов есть доступ к файлам, опубликованным в центральном расположении.

  • Публикация файлов в сети доставки содержимого (веб-приложении, Azure CDN или CDN Office 365). В этом случае все семейства веб-сайтов могут использовать одну последнюю версию ресурсов фирменной символики. Обновленные файлы должны отправляться только в одно расположение. Использование сетей CDN позволяет повысить производительность; однако содержимое хранится вне SharePoint, поэтому ресурсы не могут защищаться с помощью стандартных механизмов безопасности SharePoint (кроме возможности частной сети CDN Office 365, которая может защищать файлы в сети CDN).

Для развертывания ресурсов фирменной символики в библиотеках SharePoint можно использовать модуль подготовки PnP. При использовании возможностей сети CDN Office 365 файлы автоматически подготавливаются в сети доставки содержимого. При использовании других решений CDN требуется альтернативный способ подготовки для публикации файлов в сетях CDN.

Дополнительные сведения о сетях доставки содержимого:

См. также