Share via

외부 테넌트에서 중립 브랜딩 사용자 지정

  • 아티클

새 외부 테넌트를 만든 후 최종 사용자 환경을 사용자 지정할 수 있습니다. 테넌트에 대한 회사 브랜드 설정을 구성하여 앱에 로그인하는 사용자를 위한 사용자 지정 모양과 느낌을 만듭니다. 이러한 설정을 사용하면 고유의 배경 이미지, 색, 회사 로고 및 텍스트를 추가하여 앱 전반의 로그인 환경을 사용자 지정할 수 있습니다.
Company Branding Graph API를 사용하여 프로그래밍 방식으로 사용자 흐름을 만들 수도 있습니다.

팁

지금 체험하기

이 기능을 사용해 보려면 Woodgrove 식료품 데모로 이동하여 "회사 브랜딩" 사용 사례를 시작합니다.

필수 조건

  • 사용자 고유의 Microsoft Entra 외부 테넌트가 아직 만들어지지 않은 경우 지금 만듭니다.
  • 애플리케이션을 등록합니다.
  • 사용자 흐름 만들기
  • 추가하려는 각 이미지의 파일 크기 요구 사항을 검토합니다. 사진 편집기를 사용하여 적절한 크기의 이미지를 만들어야 할 수도 있습니다. 모든 이미지에 대한 기본 설정 이미지 형식은 PNG이지만 JPG도 허용됩니다.

브랜딩 요소

기본적으로 Microsoft는 회사의 특정 요구 사항에 맞게 개인 설정할 수 있는 중립 브랜딩을 테넌트에 제공합니다. 이 기본 브랜딩에는 기존 Microsoft 브랜딩이 포함되지 않습니다. 사용자 지정 회사 브랜딩이 로드되지 않는 경우 로그인 페이지는 자동으로 이 중립 브랜딩으로 다시 전환됩니다. 또한 각 사용자 지정 브랜딩 속성을 사용자 지정 로그인 페이지에 수동으로 추가할 수 있습니다.

사용자 지정 배경 이미지나 색, 파비콘, 레이아웃, 머리글 및 바닥글을 사용하여 이 중립적 브랜딩을 사용자 지정할 수 있습니다. 로그인 양식을 사용자 지정하고 다른 인스턴스에 사용자 지정 텍스트를 추가하거나 사용자 지정 CSS를 업로드할 수도 있습니다. 다음 이미지는 테넌트의 중립 기본 브랜딩을 표시합니다. 이미지 뒤에서 번호가 매겨진 브랜드 요소와 해당 설명을 찾을 수 있습니다.

중립 브랜딩의 스크린샷.

  1. 중립 백그라운드.
  2. 파비콘.
  3. 배너 로고
  4. 페이지 레이아웃 요소로서의 바닥글.
  5. 개인 정보 및 쿠키, 사용 약관과 같은 바닥글 하이퍼링크

기본 로그인 환경을 사용자 지정하는 방법

설정을 사용자 지정하기 전에 중립 기본 브랜딩이 로그인, 등록 및 로그아웃 페이지에 표시됩니다. 사용자 지정 배경 이미지 및/또는 색, 파비콘, 레이아웃, 머리글 및 바닥글을 사용하여 이 기본 환경을 사용자 지정할 수 있습니다. 사용자 지정 CSS를 업로드할 수도 있습니다.

  1. Microsoft Entra 관리 센터에 조직 브랜딩 관리이상으로 로그인합니다.

  2. 여러 테넌트에 액세스할 수 있는 경우 위쪽 메뉴의 설정 아이콘 을 사용하여 디렉터리 + 구독 메뉴에서 이전에 만든 외부 테넌트로 전환합니다.

  3. 검색 창을 사용하거나 홈>테넌트 개요>브랜딩 사용자 지정으로 이동하여 회사 브랜딩으로 이동합니다.

    회사 브랜딩 옵션의 스크린샷.

  4. 기본 로그인 탭에서 편집을 선택합니다.

    회사 브랜드 편집 단추의 스크린샷.

로그인 페이지 백그라운드 및 레이아웃을 사용자 지정하려면

  1. 기본 사항 탭에서 백그라운드 요소를 수정합니다.

    • 파비콘 – 웹 브라우저 탭에 표시되는 아이콘입니다.

    • 배경 이미지 – 로그인 페이지에 표시되는 큰 이미지입니다. 이미지를 업로드하면 크기가 조정되고 자르기 때문에 브라우저 창이 채워지게 됩니다.

    • 페이지 배경색 – 연결 대기 시간 등으로 인해 이미지를 로드할 수 없을 때마다 배경 이미지를 바꾸는 색입니다.

    회사 브랜딩 기본 탭의 스크린샷.

  2. 사용자 지정을 계속하려면 다음: 레이아웃을 선택하고, 변경 내용을 저장하려면 검토 + 저장을 선택합니다.

  3. 레이아웃 탭에서 로그인 페이지의 웹 페이지 요소 배치를 선택합니다.

    • 템플릿 – 백그라운드를 전체 화면으로 표시할지, 부분 화면으로 표시할지 선택합니다.

    • 머리글 – 머리글을 표시하거나 숨깁니다.

    • 바닥글 – 바닥글을 표시하거나 숨깁니다.

    • 사용자 지정 CSS – 기본 Microsoft 스타일을 색, 글꼴, 텍스트 크기, 요소 위치, 다양한 디바이스 및 화면 크기에 대한 디스플레이에 대한 고유한 스타일로 바꾸려면 고유의 CSS 파일을 업로드합니다.

    회사 브랜드 레이아웃 탭의 스크린샷.

  4. 사용자 지정을 계속하려면 다음: 머리글을 선택하고, 변경 내용을 저장하려면 검토 + 저장을 선택합니다.

  1. 머리글 탭에서 로그인 페이지 머리글에 표시할 로고를 선택합니다.

    회사 브랜딩 머리글 탭의 스크린샷.

  2. 사용자 지정을 계속하려면 다음: 바닥글을 선택하고, 변경 내용을 저장하려면 검토 + 저장을 선택합니다.

  3. 바닥글 탭에서는 로그인 페이지 바닥글에 표시되는 개인 정보 보호 및 사용 약관 하이퍼링크에 대한 URL과 링크 텍스트를 사용자 지정할 수 있습니다.

    • 개인 정보 및 쿠키 – 개인 정보 및 쿠키 옆에 있는 검사 상자를 선택하여 바닥글에 이 하이퍼링크를 표시합니다. 사용자 고유의 하이퍼링크 표시 텍스트 및 URL을 입력하지 않는 한 Microsoft 기본 개인 정보 링크가 표시됩니다.

    • 사용 약관 – 바닥글에 이 하이퍼링크를 표시하려면 사용 약관 옆의 확인란을 선택합니다. 사용자 고유의 하이퍼링크 표시 텍스트 및 URL을 입력하지 않으면 Microsoft 사용 약관 링크가 표시됩니다.

    회사 브랜드 바닥글 탭의 스크린샷.

  4. 사용자 지정을 계속하려면 다음: 로그인 양식을 선택하고, 변경 내용을 저장하려면 검토 + 저장을 선택합니다.

로그인 양식을 사용자 지정하려면

  1. 로그인 양식 탭에서 로그인 양식의 요소를 구성합니다.

    • 배너 로고 – 로그인 페이지와 사용자 액세스 패널에 표시됩니다.

    • 사각형 로고(밝은 테마) – 조직의 사용자 계정을 나타냅니다.

    • 사각형 로고(어두운 테마) - 밝은 테마의 정사각형 로고가 어두운 백그라운드에서 제대로 표시되지 않는 경우 어두운 백그라운드를 사용할 때 그 자리에 사용할 로고를 업로드할 수 있습니다.

    회사 브랜드 로그인 양식 탭의 스크린샷.

  2. 페이지 아래쪽으로 스크롤하여 로그인 양식의 추가 요소를 구성합니다.

    • 사용자 이름 힌트 텍스트 – 로그인 페이지의 사용자 이름 입력 필드에 표시되는 힌트 텍스트입니다(게스트 사용자가 앱에 로그인하는 경우 권장되지 않음).

    • 로그인 페이지 텍스트 – 로그인 및 등록 페이지 하단에 표시됩니다. 지침:

      • 최대 1,024자
      • 중요한 정보를 포함하지 마세요.
      • 텍스트 서식을 지정하려면 다음 구문을 사용합니다.
        • 하이퍼링크: [text](link)
        • 굵게: **text** or __text__
        • 기울임꼴: *text* or _text_
        • 밑줄: ++text++

셀프 서비스 암호 재설정을 사용자 지정하려면

  1. 셀프 서비스 암호 재설정 섹션으로 스크롤하여 로그인 페이지에서 셀프 서비스 암호 재설정 링크를 표시하거나 숨기거나 사용자 지정하는 옵션을 구성합니다.

    • 셀프 서비스 암호 재설정 표시 – 셀프 서비스 암호 링크를 표시하려면 이 확인란을 선택합니다.
    • 공통 URL – 기본 Microsoft 링크 대신 사용할 암호 재설정 URL을 입력합니다.
    • 계정 컬렉션 표시 텍스트 – Microsoft 기본 텍스트 "계정에 액세스할 수 없습니다" 텍스트 대신 표시할 링크 텍스트를 입력합니다.
    • 암호 컬렉션 표시 텍스트 – Microsoft 기본 "암호 잊음" 텍스트 대신 표시할 링크 텍스트를 입력합니다.

    회사 브랜딩 셀프 서비스 암호 재설정의 스크린샷.

  2. 사용자 지정을 계속하려면 다음: 텍스트를 선택하고, 변경 내용을 저장하려면 검토 + 저장을 선택합니다.

사용자 특성을 사용자 지정하려면

테넌트의 경우 등록 및 로그인 중에 수집하려는 정보에 대한 요구 사항이 다를 수 있습니다. 테넌트에는 이름, 성, 도시, 우편 번호 등의 특성에 저장된 일련의 기본 정보가 포함되어 있습니다. Microsoft Graph API를 사용하여 테넌트에서 또는 포털의 회사 브랜딩에 있는 텍스트 탭에서 사용자 지정 특성을 만들 수 있습니다.

  1. 텍스트 탭에서 사용자 지정 텍스트 추가를 선택합니다.

  2. 다음 옵션 중 하나를 선택합니다.

    • 기본값을 재정의하려면 특성을 선택합니다.
    • 등록 과정에서 수집하려는 새 특성 옵션을 추가하려면 특성 모음을 선택합니다.
    • 로그인 페이지에 사용자 지정 텍스트를 추가하려면 로그인을 선택합니다.
    • 로그인 페이지에 사용자 지정 텍스트를 추가하려면 등록을 선택합니다.
    • 사용자 지정 제목을 추가하려면 SISU OTC(로그인/일회성 코드)를 선택합니다.

    회사 브랜드 텍스트 탭의 스크린샷.

  3. 모든 수정사항을 검토하려면 다음: 검토를 선택합니다. 그런 다음 변경 내용을 저장하려면 저장을 선택하고 사용자 지정을 계속하려면 이전을 선택합니다.

Important

외부 테넌트에는 등록 및 로그인 환경에 사용자 지정 텍스트를 추가하는 두 가지 옵션이 있습니다. 이 함수는 언어 사용자 지정 중 각 사용자 흐름과 회사 브랜딩에서도 사용할 수 있습니다. 문자열을 사용자 지정하는 두 가지 방법(회사 브랜딩 및 사용자 흐름을 통해)이 있지만 두 가지 방법 모두 동일한 JSON 파일을 수정합니다. 사용자 흐름 또는 회사 브랜딩을 통해 이루어진 최근 변경 내용은 항상 이전 변경 내용보다 우선 적용됩니다.

로그아웃 환경 사용자 지정

외부 테넌트에 대한 로그아웃 환경을 사용자 지정할 필요가 없습니다. 로그인 환경에 대한 브랜딩을 사용자 지정한 경우 로그아웃 환경이 로그인 환경과 자동으로 일치합니다. 로그인 환경을 사용자 지정하지 않은 경우 로그아웃 환경은 외부 테넌트의 기본 중립 브랜딩과 일치합니다.

테넌트 이름을 사용자 지정하는 방법

Microsoft Entra 관리 센터에서 테넌트 이름을 사용자 지정하여 중립 기본 로그인 환경에서 Microsoft 배너 로고를 바꿀 수 있습니다. 새 테넌트 이름은 사용자에게 전송된 확인 이메일에도 표시됩니다.

테넌트 이름 스크린샷.

  1. Microsoft Entra 관리 센터에 조직 브랜딩 관리이상으로 로그인합니다.

  2. 여러 테넌트에 액세스할 수 있는 경우 위쪽 메뉴의 설정 아이콘 을 사용하여 디렉터리 + 구독 메뉴에서 이전에 만든 외부 테넌트로 전환합니다.

  3. 검색 창에 테넌트 속성을 입력하고 선택합니다.

  4. 이름 필드를 편집합니다.

    테넌트 이름 편집 스크린샷.

  5. 저장을 선택합니다.

Microsoft Graph API를 사용하여 브랜딩을 사용자 지정합니다.

Microsoft Graph API를 사용하여 프로그래밍 방식으로 몇 가지 항목을 사용자 지정할 수 있습니다. 예를 들어 API를 사용하여 사용자 지정 배경 이미지를 업로드하고, 로그인 페이지의 색을 변경하고, 사용자 지정 로고를 추가할 수 있습니다. 자세한 내용은 업데이트 기본 브랜딩 문서를 참조하세요.

다음 단계

이 문서에서는 고객 로그인 및 등록 환경의 모양과 느낌을 사용자 지정하는 방법을 알아보았습니다. 테넌트 언어 사용자 지정에 대한 자세한 내용은 언어 사용자 지정 문서를 참조하세요. 직원 테넌트 브랜딩의 차이점을 이해하려면 직원에 맞게 브랜딩을 사용자 지정하는 방법 문서를 참조하세요.