Настройте опыт входа для вашего приложения с брендовыми темами во внешних арендаторах (предпросмотр)

Применяется: Внешние клиенты (дополнительные сведения)

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

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

Предпосылки

• По крайней мере роль администратора организационного брендинга.
• Должна быть как минимум роль Администратора приложений для использования темы в приложениях.
• Зарегистрированное приложение в клиенте. Если вы еще не зарегистрировали приложение, см. статью "Регистрация приложения".
• Просмотрите требования к размеру файла для каждого изображения, который вы хотите добавить. При необходимости используйте редактор фотографий для создания правильного размера и форматирования изображений: PNG, JPG или JPEG с размером изображения 245x36px и максимальным размером файла 10 КБ.

Свойства темы брендинга

При создании темы фирменной символики ниже приведены некоторые свойства, которые можно настроить.

Как работают темы фирменной символики

Темы фирменной символики создаются на основе нейтральной фирменной символики и фирменной символики по умолчанию.

• Тема фирменной символики — настройки фирменной символики по умолчанию, где можно использовать несколько тем.
• Фирменная символика по умолчанию (фирменная символика компании) — настройки нейтральной фирменной символики для клиента.
• Нейтральный брендинг — начальная фирменная символика для клиента.

Ниже приведены некоторые важные моменты, чтобы узнать, как работают темы фирменной символики.

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

Предельные значения и ограничения

Ниже приведены некоторые ограничения для тем брендинга.

• Вы можете создавать до 5 тем фирменной символики для каждого клиента.
• В режиме динамической предварительной версии доступны изменения стиля и макета и отображаются только страницы входа. Динамическое представление не включает никакого настраиваемого текста.
• Вы не можете использовать тему по умолчанию для имени темы фирменной символики. Это имя зарезервировано.
• Изменения пользовательского текста в настоящее время ограничены только страницей входа.
• Если вы не обновляете свойство логотипа баннера, логотип Майкрософт отображается вместо имени клиента (нейтральной фирменной символики).

Создание новой темы

1. Войдите в Центр администрирования Microsoft Entra в качестве администратора фирменной символики организации и администратора приложений.

2. Перейдите к Entra ID>пользовательской фирменной символике.

3. На странице фирменной символики компании выберите темы фирменной символики и перейдите на вкладку "Темы ".

   

4. Выберите Создать новую тему.

5. На вкладке "Основы" введите имя темы.

   

6. Чтобы выбрать приложения, которые будут использовать эту тему, в разделе "Применить тему" выберите "Добавить приложения". (Или можно добавить приложения позже.)

7. На вкладке макета выберите размещение элементов веб-страницы на странице входа.

   • Шаблон макета — выберите, выравнивается ли панель входа по центру страницы или по правому краю.
   • Заголовок — чтобы отобразить изображение в заголовке страницы, установите флажок и найдите изображение, которое вы хотите отобразить. Требования: прозрачный PNG, JPG или JPEG с размером изображения 245x36px и максимальным размером файла 10 КБ.
   • Нижний колонтитул . Чтобы отобразить нижний колонтитул страницы, содержащий ссылки на опубликованные положения о конфиденциальности, файлы cookie и/или условия использования, установите соответствующий флажок, введите текст ссылки и добавьте URL-адрес для содержимого.

   

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

   

9. На вкладке "Стиллинг " измените любой из фоновых элементов.

   • Цвет фона — цвет , заменяющий фоновое изображение всякий раз, когда изображение не может быть загружено, например из-за задержки подключения.
   • фоновое изображение — большое изображение, отображаемое на странице входа. Если вы загружаете изображение, оно масштабируется и обрезается, чтобы заполнить окно браузера.
   • Favicon — значок, отображаемый на вкладке веб-браузера.
   • Логотип баннера — отображается на странице входа и на панели доступа пользователя.
   • Квадратный логотип (светлая тема) — представляет учетные записи пользователей в арендаторе.
   • квадратный логотип (темная тема) — если светлый квадратный логотип темы отображается плохо на темных фонах, вы можете загрузить логотип, который будет использоваться на его месте при использовании темных фонов.
   • Настраиваемые CSS — загрузите собственный CSS-файл, чтобы заменить стили Microsoft по умолчанию на собственные: цвет, шрифт, размер текста, положение элементов и отображение для различных устройств и размеров экрана. Дополнительные сведения см. в руководстве по шаблону CSS.

   

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

    

11. На вкладке "Пользовательский текст " на странице входа выберите ссылку по умолчанию .

    

12. Настройте текст для выбранной страницы и нажмите кнопку "Добавить".

    Настраиваемый набор текста для темы может повлиять на локализованный ПОЛЬЗОВАТЕЛЬСКИЙ интерфейс, так как они не будут локализованы. Чтобы обеспечить полную локализацию всего текста, задайте настраиваемый текст для каждого языка темы.

    

13. На вкладке "Рецензирование " просмотрите параметры.

14. Нажмите кнопку "Создать" , чтобы создать тему.

Применение темы к приложениям

В этом разделе вы применяете тему к приложениям в клиенте.

1. На странице "Темы фирменной символики " выберите вкладку "Темы ".

2. Выберите тему, созданную для открытия обзора.

3. В разделе "Основы" выберите значок редактирования карандаша.

   

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

   

5. Поищите или перейдите к вашему приложению. Установите флажок и нажмите кнопку "Выбрать".

   

Редактирование темы

В этом разделе вы редактируете тему.

1. На странице "Темы фирменной символики " выберите вкладку "Темы ".

2. Выберите тему, созданную для открытия обзора.

3. Выберите значок редактирования карандаша частей, которые вы хотите изменить.

Добавление языка в тему

В этом разделе вы добавите язык в тему.

1. На странице "Темы фирменной символики " выберите вкладку "Темы ".

2. Выберите тему, созданную для открытия обзора.

3. На вкладке "Языки" выберите "Добавить язык" , чтобы настроить язык темы.

   Действия по настройке языка похожи на настройку темы фирменной символики.

   

4. На вкладке "Основы" выберите язык.

   

   Поддерживаются следующие языки:

   • Арабский (Саудовская Аравия)
   • Баскский (язык)
   • Болгарский (Болгария)
   • каталанский язык (Catalan)
   • Китайский язык (Китай)
   • Китайский (специальный административный регион Гонконг)
   • Хорватский (Хорватия)
   • чешский (Чехия)
   • Датский (Дания)
   • голландский язык (Нидерланды)
   • Английский (Соединенные Штаты)
   • Эстонский (Эстония)
   • Финский (Финляндия)
   • французский (Франция)
   • Галисийский (галисийский)
   • Немецкий (Германия)
   • Греческий (Греция)
   • Иврит (Израиль)
   • Венгерский (Венгрия)
   • итальянский (Италия)
   • Японский (Япония)
   • Казахский (Казахстан)
   • корейский (Корея)
   • Латышский (Латвия)
   • Литовский (Литва)
   • Норвежский букмол (Норвегия)
   • Польский (Польша)
   • португальский (Бразилия)
   • Португальский (Португалия)
   • Румынский (Румыния)
   • Русский (Россия)
   • Сербский (латиница, Сербия)
   • Словацкий (Словакия)
   • Словен (Словения)
   • Испанский (Испания)
   • шведский (Швеция)
   • Тайский (Таиланд)
   • Турецкий (Турция)
   • Украинский (Украина)

5. Настройте элементы на вкладках "Макет", "Стилизация" и "Настраиваемый текст ".

6. На вкладке "Рецензирование " выберите "Добавить ", чтобы добавить язык.

Связанный контент

• Настройка фирменной символики компании