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

** 는에 적용됩니다: 회색 X 기호가 있는 흰색 원 직원 테넌트는 흰색 확인 표시 기호가 있는 녹색 원을 및 외부 세입자(자세한 정보)

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

팁

사용해 보세요.

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

필수 구성 요소

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

브랜딩 요소

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

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

1. 중립 배경입니다.
2. 파비콘.
3. 배너 로고.
4. 페이지 레이아웃의 요소인 바닥글.
5. 개인 정보 보호 & 쿠키, 사용 약관과 같은 바닥글 하이퍼링크

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

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

1. Microsoft Entra 관리 센터에 적어도 조직 브랜딩 관리자로 로그인하세요.

2. 여러 테넌트에 액세스할 수 있는 경우, 상단 메뉴에서 설정 아이콘 을 클릭한 후, 디렉터리 + 구독 메뉴에서 이전에 생성한 외부 테넌트로 전환합니다.

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

   

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

   

로그인 페이지 배경 및 레이아웃을 사용자 지정하려면

1. 기본 탭에서 배경 요소를 수정합니다.

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

   • 배경 이미지 – 로그인 페이지에 표시되는 큰 이미지입니다. 이미지를 업로드하면 브라우저 창에 맞게 크기가 조정되고 잘려서 표시됩니다.

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

   

2. 선택: 다음: 레이아웃 (사용자 지정을 계속하려면) 혹은 검토 + 저장 (변경 내용을 저장하려면)

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

   • 템플릿 – 배경에 전체 화면 또는 부분 화면이 표시되는지 여부를 선택합니다.

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

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

   • 사용자 지정 CSS – 사용자 고유의 CSS 파일을 업로드하여 기본 Microsoft 스타일을 색, 글꼴, 텍스트 크기, 요소 위치, 다양한 장치 및 화면 크기에 대한 표시에 대한 고유한 스타일로 대체합니다.

   

4. 사용자 지정을 계속하려면 다음: 헤더을 선택하거나 변경 내용을 저장하려면 검토 + 저장을 선택하십시오.

로고, 개인 정보 링크 및 사용 약관을 사용자 지정하려면

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

   

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

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

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

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

   

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

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

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

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

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

   • Square 로고(어두운 테마) – 밝은 테마 사각형 로고가 어두운 배경에 제대로 표시되지 않는 경우 어두운 배경을 사용할 때 해당 위치에 사용할 로고를 업로드할 수 있습니다.

   

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. 다음을 선택합니다. 검토하여 모든 수정 내용을 검토합니다. 그런 다음 변경 내용을 저장하려면 저장을 선택하고, 사용자 지정을 계속하려면 이전을 선택합니다.

중요하다

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

로그아웃 환경 사용자 지정

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

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

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

1. Microsoft Entra 관리 센터에 최소한 조직 브랜딩 관리자로 로그인하세요.

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

3. 검색 창에서 임대자 속성을 입력하고 선택합니다.

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

   

5. 저장을 선택합니다.

Microsoft Graph API를 사용하여 브랜딩 사용자 지정

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

관련 콘텐츠

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