Outlook Web App 로그인, 언어 선택 및 오류 페이지 사용자 지정

적용 대상: Exchange Server 2013

이 항목에서는 Outlook Web App 로그인, 언어 선택 및 오류 페이지의 색과 이미지를 사용자 지정하는 방법을 설명합니다.

Outlook Web App 로그인, 언어 선택 및 오류 페이지는 테마 리소스 폴더의 그래픽 및 .css 파일을 기반으로 만들어집니다. Outlook Web App 모든 테마에 로그인, 언어 선택 및 오류 페이지 집합을 하나만 사용합니다. 해당 페이지에 대한 모든 수정 내용은 모든 사용자가 볼 수 있습니다. Exchange 설치 디렉터리의 테마 리소스 폴더는 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\version\themes\resources에서 찾을 수 있습니다. 기본 색을 변경하려면 텍스트 편집기가 필요하고 이미지를 변경하려면 그래픽 편집기가 필요합니다. 특정 색을 사용해야 하는데 색상표에 해당 색이 없는 경우에는 이미지 편집 도구를 사용하여 색을 샘플링한 다음 해당 HTML RGB 값을 확인합니다.

Outlook Web App 지원하는 서버가 여러 개 있고 모두 동일한 로그인, 언어 및 오류 페이지를 사용하려면 수정된 파일을 각 서버에 복사해야 합니다. 또한 사용자 지정된 파일의 백업 복사본을 만들어야 합니다. Exchange를 다시 설치하거나 업그레이드한 경우 테마 폴더의 모든 파일을 덮어씁니다. 다시 설치 또는 업그레이드가 완료된 후 사용자 지정된 파일을 적절한 폴더로 다시 복사해야 합니다.

중요

사용자 지정 로그인 및 로그아웃 페이지를 만들기 전에 변경될 모든 파일의 복사본을 백업합니다.

사용자 지정 테마를 만드는 방법에 대한 자세한 내용은 Outlook Web App 대한 테마 만들기를 참조하세요.

시작하기 전에 알아야 할 사항은 무엇인가요?

  • 이 작업의 예상 완료 시간: 45분

  • 이러한 절차를 수행하려면 먼저 사용 권한을 할당받아야 합니다. 필요한 권한을 보려면 클라이언트 및 모바일 디바이스 권한 항목의 "Outlook Web App 권한" 아래의 "그래픽 편집기" 항목을 참조하세요.

  • 이 항목의 절차에 적용할 수 있는 바로 가기 키에 대한 자세한 내용은 Exchange 관리 센터의 바로 가기 키을 참조하세요.

문제가 있습니까? Exchange 포럼에서 도움을 요청하세요. Exchange Server 포럼을 방문하세요.

로그인 페이지의 색 사용자 지정

  1. Exchange 서버에 로그온하고 Windows 탐색기를 사용하여 Exchange 서버 설치 디렉터리로 이동하여 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<version>\themes\resources를 찾습니다.

  2. 메모장과 같은 텍스트 편집기를 사용하여 logon.css를 엽니다.

  3. #0072c6 기본 색 값을 검색하여 사용하려는 색의 HTML RGB 값으로 바꿉니다.

  4. 파일을 저장하고 닫습니다.

오류 페이지의 색 사용자 지정

  1. Exchange 서버에 로그온하고 Windows 탐색기를 사용하여 Exchange 서버 설치 디렉터리로 이동하여 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<version>\themes\resources를 찾습니다.

  2. 메모장과 같은 텍스트 편집기를 사용하여 errorFE.css를 엽니다.

  3. #0072c6 기본 색 값을 검색하여 사용하려는 색의 HTML RGB 값으로 바꿉니다.

  4. 파일을 저장하고 닫습니다.

언어 선택 페이지의 색 사용자 지정

  1. Exchange 서버에 로그온한 다음 Windows 탐색기를 사용하여 Exchange 서버 설치 디렉터리로 이동하여 %ExchangeInstallPath%ClientAccess\Owa\prem\version>\<resources\styles를 찾습니다.

  2. 메모장과 같은 텍스트 편집기를 사용하여 LanguageSelection.css를 엽니다.

  3. #0072c6 기본 색 값을 검색하여 사용하려는 색의 HTML RGB 값으로 바꿉니다.

  4. 파일을 저장하고 닫습니다.

로그인 및 오류 페이지에서 이미지 사용자 지정

이미지 편집 도구를 사용하여 로그인 및 오류 페이지를 빌드하는 데 사용되는 이미지를 열고 편집합니다.

  1. Exchange 서버에 로그온하고 Windows 탐색기를 사용하여 Exchange 서버 설치 디렉터리로 이동하여 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<version>\themes\resources를 찾습니다.

  2. 그래픽 편집기를 사용하여 다음 파일을 열고 수정합니다.

    • "Outlook Web App" 텍스트 로고를 변경하려면 owa_text_blue.png.
    • 왼쪽 막대에서 앱 로고를 변경하려면 olk_logo_white.png.
    • olk_logo_white_cropped.png 오류 페이지의 왼쪽 패널에서 이미지를 변경합니다.
    • sign_in_arrow.png "로그인" 단추의 왼쪽 아이콘을 변경합니다.
    • olk_exchange_text_blue.png tnarrow 레이아웃에서 "Outlook Mobile" 로고를 변경합니다.
    • olk_logo_white_small.png tnarrow에 사용됩니다.
    • olk_exchange_text_stacked_white_small.png tnarrow에 사용됩니다.
  3. #0072c6 기본 색 값을 검색하여 사용하려는 색의 HTML RGB 값으로 바꿉니다.

  4. 파일을 저장하고 닫습니다.

작동 여부는 어떻게 확인하나요?

Internet Explorer에서 Outlook Web App 로그인 페이지를 엽니다. Outlook Web App 가상 디렉터리를 호스팅하는 서버에서 기본 웹 사이트의 변경 내용을 테스트하는 경우 Internet Explorer를 열고 URL https://localhost/owa을 입력하여 테스트할 수 있습니다.

변경 내용이 표시되지 않으면 다음을 수행합니다.

  1. 도구 모음에서 설정>인터넷 옵션>일반을 선택합니다.

  2. 검색 기록에서 삭제를 선택합니다.

  3. 임시 인터넷 파일 및 웹 사이트 파일을 선택한 다음 삭제를 선택합니다.

  4. Internet Explorer 삭제가 완료되면 확인을 선택하여 인터넷 옵션을 닫습니다.

  5. 브라우저 창을 새로 고칩니다.

변경 내용의 영향을 보려면 편집 중인 .css 파일을 열어 두고 각 변경 내용을 저장한 후 브라우저 창을 새로 고칠 수 있습니다.