Exchange Server 웹용 Outlook 테마 만들기

테마는 Exchange Server 웹용 Outlook(이전의 Outlook Web App)에서 사용자에게 표시되는 색, 글꼴 및 이미지를 정의합니다. 각 테마는 Exchange 서버에 저장된 파일의 컬렉션입니다. 기본 제공 테마는 이 항목의 끝에 있는 Exchange Server 섹션의 기본 웹용 Outlook 테마에 설명되어 있습니다.

웹용 Outlook 대한 새 테마를 만드는 기본 단계는 다음과 같습니다.

  1. 기존 테마의 폴더와 파일을 복사하고 복사한 폴더와 파일의 이름을 바꿉니다.

  2. 새 테마의 표시 이름 및 정렬 순서를 구성합니다.

  3. 새 테마를 사용자 지정합니다.

  4. (선택 사항) 새 테마를 기본값으로 설정하고 사용자가 테마를 선택하지 못하도록 합니다.

  5. (선택 사항) 사용자가 새 테마를 보고 선택할 수 있도록 허용

  6. 변경 내용이 적용되려면 IIS를 다시 시작합니다.

웹용 Outlook 클라이언트 연결에 여러 Exchange 서버를 사용하는 경우 새 테마를 각 서버에 복사해야 합니다. Exchange 서버를 다시 설치하거나 업그레이드한 후 파일을 다시 복사할 수 있도록 새 테마의 백업 복사본도 만들어야 합니다.

테마를 만든 후에는 모든 테마에 공통적인 요소를 사용자 지정할 수도 있습니다. 자세한 내용은 Exchange Server 웹용 Outlook 로그인, 언어 선택 및 오류 페이지 사용자 지정을 참조하세요.

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

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

  • 이러한 절차를 수행하려면 먼저 사용 권한을 할당받아야 합니다. 필요한 권한을 보려면 클라이언트 및 모바일 디바이스 권한 항목의 "웹용 Outlook 가상 디렉터리" 항목을 참조하세요. 사용하는 계정도 Exchange 서버의 로컬 관리자 그룹의 구성원이어야 합니다.

  • 라이트 버전의 웹용 Outlook 테마를 지원하지 않습니다.

  • 기존 색을 새 색으로 바꾸려면 새 색의 HTML RGB 값이 필요합니다. Color Table에서 HTML RGB 값을 찾을 수 있습니다. 색을 찾을 수 없는 경우 이미지 편집 도구 또는 HTML 색 코드 웹 사이트를 사용하여 HTML RGB 값을 확인할 수 있습니다.

  • 폴더 또는 폴더 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\base에 있는 파일을 삭제하지 마세요.

  • 테마 복사본이 아닌 기존 테마를 직접 편집하려는 경우 수정하기 전에 원본 파일의 백업 복사본을 만듭니다.

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

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

1단계: 파일 탐색기 사용하여 기존 테마의 폴더와 파일을 복사하고 복사한 폴더 및 파일의 이름을 바꿉니다.

웹용 Outlook 사서함을 열고 설정을 선택한 다음 테마 변경을 선택하여 기본 제공 테마를 검사할 수 있습니다.

웹용 Outlook 테마 메뉴 위치를 변경합니다.

이 항목의 끝에 있는 Exchange Server 섹션의 기본 웹용 Outlook 테마에 있는 정보를 사용하여 웹용 Outlook 테마의 표시 이름과 Exchange 서버의 테마 폴더 이름과 일치시킬 수 있습니다.

테마 파일 및 폴더는 다음 위치에 저장됩니다.

  • %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\ 에는 머리글 이미지, 테마 미리 보기 이미지 및 테마 설명 텍스트가 들어 있는 테마 폴더가 포함되어 있습니다.

  • %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles\ 에는 테마에 _fabric.color.variables.theme.<ThemeFolderName>.less 사용되는 색을 정의하는 및 fabric.color.theme.<ThemeFolderName>.css 파일이 포함됩니다.

    참고: ExchangeVersion> 하위 폴더는< 구문 15.1을 사용합니다. nnn. nn, 및 는 설치된 CU(Exchange 누적 업데이트)를 나타냅니다.

원하는 것과 가장 가까운 테마(예: 헤더 이미지 사용 여부)를 식별한 후에는 테마 폴더와 해당 파일을 복사한 다음 복사한 폴더와 파일의 이름을 바꿔야 합니다.

  1. 파일 탐색기 으로 이동합니다%ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes.

  2. 폴더에서 기존 테마 폴더를 \themes 선택하고 복사한 다음 폴더에 \themes 다시 붙여넣습니다. 그러면 라는 <ThemeFolderName> - Copy새 폴더가 생성됩니다.

    참고: 테마 폴더를 복사하여 붙여넣는 쉬운 방법은 폴더를 선택하고 제어 키 + C를 누른 다음 제어 키 + V를 누르는 것입니다.

  3. 이전 단계에서 만든 새 테마 폴더의 이름을 바꿉니다. 예를 들면 fourthcoffee와 같습니다.

    참고: 폴더 이름을 바꾸는 쉬운 방법은 폴더를 선택한 다음 F2 키를 누르는 것입니다.

  4. 파일 탐색기 으로 이동합니다%ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles\.

  5. 2단계에서 복사한 테마 폴더에 해당하는 및 fabric.color.theme.<ThemeFolderName>.css 라는 _fabric.color.variables.theme.<ThemeFolderName>.less 파일을 찾습니다. 각 파일을 선택하고 복사한 다음 폴더에 다시 붙여넣습니다 \styles . 그러면 및 라는 _fabric.color.variables.theme.<ThemeFolderName> - Copy.less 새 파일이 생성됩니다 fabric.color.theme.<ThemeFolderName> - Copy.css.

  6. 이전 단계에서 만든 새 파일의 이름을 바꿉니다. ThemeFolderName> 값은< 3단계의 폴더 이름과 일치해야 합니다. 예를 들어 및 _fabric.color.variables.theme.fourthcoffee.less 입니다 fabric.color.theme.fourthcoffee.css.

2단계: 메모장을 사용하여 새 테마의 표시 이름 및 정렬 순서 구성

새 테마의 표시 이름과 정렬 순서가 복사한 테마와 동일하기 때문에 새 테마에 대해 고유한 표시 이름 및 정렬 순서를 구성해야 합니다. 테마의 표시 이름은 웹용 Outlook 테마 변경 패널에 표시됩니다. 정렬 순서는 테마 목록에 테마가 표시되는 위치를 결정합니다.

  1. 메모장을 사용하여 1단계에서 만든 새 테마 폴더 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\<NewThemeFolder> 에서 이라는 themeinfo.xml 파일을 엽니다. 파일의 내용은 다음과 같습니다.

    <theme displayname="__<CopiedThemeName>__" sortorder="<CopiedThemeSortOrder>"/>

  2. displayname="__<CopiedThemeName>__" 값을 원하는 값으로 변경합니다. 예를 들어 displayname = "Fourth Coffee Corporate Theme"입니다.

    참고: 테마 표시 이름 값 "__<ThemeName>__" 은 다른 언어로 지역화된 코드 문자열입니다. 새 테마에 지정한 텍스트 값은 다른 언어로 지역화되지 않습니다.

  3. 정수 sortorder="<CopiedThemeSortOrder>" 값을 원하는 고유 값으로 변경합니다. 테마 목록의 앞부분에서 더 낮은 값이 나타납니다. 이 항목의 끝에 있는 Exchange Server 섹션의 기본 웹용 Outlook 테마에 있는 정보를 사용하여 기본 제공 테마의 정렬 순서 값을 찾을 수 있습니다. 기본 테마에는 sortorder="0"가 있으며 목록에서 첫 번째 테마가 나타납니다.

    • 기본 제공 테마 목록에 새 테마를 삽입하려면 숫자를 아직 사용하지 않는 고유 값으로 변경합니다. 예를 들어 새 테마가 목록에서 두 번째로 표시되도록 하려면 값을 sortorder="5"사용할 수 있습니다.

    • 목록에서 기본 제공 테마의 위치를 바꾸려 면 숫자를 기본 제공 테마와 동일한 값으로 설정한 다음 기본 제공 테마의 정렬 순서를 변경합니다. 예를 들어 새 테마를 목록에서 먼저 표시하려면 새 테마 sortorder="0"를 로 설정해야 합니다. 그러나 값을 sortorder="0" 다른 항목(예sortorder="5"): )으로 변경하려면 폴더(기본 테마)에서 파일을 \base 열어 themeinfo.xml 야 합니다.

  4. 완료되면 파일을 저장하고 닫습니다 themeinfo.xml .

3단계: 새 테마 사용자 지정

이미지 파일

테마 이미지 파일은 의 다음 폴더에 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\<ThemeFolderName>저장됩니다.

  • \images\0: 이러한 파일은 왼쪽에서 오른쪽 언어로 사용됩니다.

  • \images\rtl: 이러한 파일은 오른쪽에서 왼쪽 언어로 사용됩니다. 이미지에 따라 파일은 왼쪽에서 오른쪽 버전과 정확히 같거나 반전될 수 있습니다(왼쪽에서 오른쪽 대신 오른쪽에서 왼쪽으로).

이러한 폴더에 있는 이미지 파일은 다음 표에 설명되어 있습니다.

파일 이름 차원(너비 x 높이 픽셀) 비트 깊이 설명
headerbgmaing2.png 2000 x 50 32 정적 헤더 이미지를 사용하는 테마의 헤더 이미지입니다. 파일의 크기는 다양합니다.

테마에서 정적 헤더 이미지를 사용하지 않는 경우 파일은 1 x 1이고 크기는 2815 바이트입니다.
headerbgmaing2.gif 2000 x 50 24 애니메이션 헤더 이미지를 사용하는 테마의 헤더 이미지입니다. 파일의 크기는 다양합니다.

테마에서 애니메이션 헤더 이미지를 사용하지 않는 경우 파일은 1 x 1이고 크기는 43바이트입니다.
themepreview.png 64 x 64 24 또는 8 웹용 Outlook 테마 변경 패널의 테마를 나타내는 작은 사각형 이미지입니다.

기본 테마와 검은색 테마의 경우 이 파일 1 x 1과 미리 보기 이미지는 검은색 사각형입니다.

기존 이미지 파일을 편집하거나 파일을 이름과 차원이 같은 새 파일로 바꿀 수 있습니다.

색상

테마 색은 폴더의 다음 파일에 정의되어 있습니다 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles .

  • fabric.color.theme.<ThemeFolderName>.css

  • _fabric.color.variables.<ThemeFolderName>.less

색 값을 변경하는 경우 두 파일 모두에서 색에 대한 모든 참조를 변경해야 합니다.

4단계: (선택 사항) 기본 테마를 설정하고 사용자가 테마를 선택하지 못하도록 방지

새 기본 테마를 설정해도 테마를 수동으로 선택하지 않은 사용자에게만 영향을 줍니다. 모든 사용자가 기본 테마를 사용하도록 강제하려면 웹용 Outlook 테마 선택을 사용하지 않도록 설정해야 합니다. 이러한 설정은 Exchange 서버를 통해 웹용 Outlook 연결하는 모든 사용자에게 영향을 미칩니다.

기본 테마를 설정하고 사용자가 웹용 Outlook 테마를 변경하지 못하도록 하려면 다음 구문을 사용합니다.

Set-OwaVirtualDirectory -Identity <VirtualDirectoryIdentity> -DefaultTheme <ThemeFolderName> -ThemeSelectionEnabled $false

다음은 mailbox01 서버의 기본 웹 사이트에 대한 웹용 Outlook 기본 테마로 명명 fourthcoffee 된 테마 폴더를 구성하는 예제입니다.

Set-OwaVirtualDirectory -Identity "Mailbox01\owa (Default Web Site)" -DefaultTheme fourthcoffee -ThemeSelectionEnabled $false

참고:

  • 기본적으로 DefaultTheme 매개 변수의 값은 비어 있습니다($null). 이 값은 기본 테마가 지정되지 않았음을 나타내며 사용자가 테마를 수동으로 선택하지 않은 경우 Default라는 테마가 사용됩니다.

  • Exchange는 DefaultTheme 매개 변수에 대해 지정한 값의 유효성을 검사하지 않습니다. 테마가 있는지 확인합니다.

  • 웹용 Outlook 가상 디렉터리에서 기본 테마 설정을 재정의하는 특정 사용자의 기본 테마를 지정하려면 Set-OwaMailboxPolicy cmdlet에서 DefaultTheme 매개 변수를 사용합니다.

5단계: (선택 사항) 사용자가 새 테마를 선택할 수 있도록 허용

모든 사용자가 새 테마를 사용하도록 강제하지 않으려면 사용자가 테마 목록에서 해당 테마를 stylemanifest.xml 찾아 선택할 수 있도록 파일에 새 테마를 추가해야 합니다. 파일은 stylemanifest.xml 에 있습니다 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\manifests.

다음은 파일에 새 테마에 stylemanifest.xml 대한 새 줄을 추가하는 예제입니다 fourthcoffee .

<themeVariables themeName="fourthcoffee" fileName="_fabric.color.variables.theme.fourthcoffee.less" />

6단계: IIS 다시 시작

변경 내용을 적용하려면 IIS(인터넷 정보 서비스)를 다시 시작해야 합니다.

  1. Exchange 서버에서 IIS 관리자를 엽니다. Windows Server 2012 이상에서 이 작업을 수행하는 쉬운 방법은 Windows 키 + Q를 누르고, inetmgr을 입력하고, 결과에서 IIS(인터넷 정보 서비스) 관리자를 선택하는 것입니다.

  2. IIS 관리자에서 서버를 선택합니다.

  3. 작업 창에서 다시 시작을 클릭합니다.

    IIS 관리자에서 서버를 선택하고 작업 창에서 다시 시작을 클릭합니다.

참고: 명령줄에서 이 절차를 수행하려면 Exchange 서버에서 관리자 권한 명령 프롬프트를 열고( 관리자 권한으로 실행을 선택하여 연 명령 프롬프트 창) 다음 명령을 실행합니다.

net stop w3svc /y
net start w3svc

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

웹용 Outlook 테마를 성공적으로 만들었는지 확인하려면 다음 단계를 수행합니다.

  1. 웹용 Outlook 사서함을 엽니다. Exchange 서버에서 URL https://localhost/owa 또는 https://127.0.0.1/owa을 열어 테마를 테스트할 수 있습니다.

  2. 구성한 설정에 따라 새 테마가 기본적으로 사용되는지 확인하거나 설정>변경 테마에서 새 테마를 보고 선택할 수 있는지 확인합니다.

  3. IIS를 다시 시작한 후 변경 내용이 표시되지 않으면 검색 기록(임시 인터넷 파일 삭제)을 지우고 브라우저 창을 새로 고칩니다.

Exchange Server 기본 웹용 Outlook 테마

기본 제공 웹용 Outlook 테마는 폴더%ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes에 있으며 다음 표에 설명되어 있습니다.

폴더 이름 웹용 Outlook 표시 이름 웹용 Outlook 정렬 순서(먼저 나열된 아래쪽) 헤더 이미지 유형
각도 Angular 80's 110 정적
풍선 풍선 240 정적
기본 기본 0 없음
비치 해변 일몰 40 애니메이션
블랙 블랙 670 없음
블루베리 블루베리 600 없음
청사진 Blueprint 120 정적
벽돌 벽돌 20 정적
고양이 고양이 300 정적
쉐 브 론 쉐 브 론 80 정적
회로 회로 130 정적
만화 만화 170 정적
대비 대비 500 없음
cordovan 코르도반 주 650 없음
크레용 크레용 140 정적
큐브 3D 큐브 190 정적
입체파 입체파 310 정적
darkcordovan 다크 코르도반 660 없음
darkorange 진한 주황 620 없음
다이아몬드 부동 다이아몬드 160 정적
멀리 멀리, 멀리 150 애니메이션
포도 포도 610 없음
젤리 해파리 70 애니메이션
lightblue 연한 파랑 530 없음
lightgreen 연한 녹색 540 없음
라이트 라이트 510 없음
mediumdarkblue 진한 파랑 640 없음
최소 최소 520 없음
현대 20세기 모던 280 정적
산봉우리 50 정적
오렌지 오렌지 580 없음
페인트 손가락 페인트 290 정적
핑크 핑크 550 없음
픽셀 픽셀 팝 60 정적
폴카 폴카 도트 200 정적
석류 석류 590 없음
기본 Primary 180 정적
라즈베리 라즈베리 570 없음
로봇 로봇 100 애니메이션
간단한 단순 패싯 230 정적
스펙트럼 스펙트럼 패싯 90 정적
딸기 딸기 250 정적
슈퍼 슈퍼 스파클 행복 10 정적
티가든 티 가든 210 정적
청록 청록 550 없음
630 없음
고래 시간의 고래 30 애니메이션
기발한 기발한 220 정적
wntrlnd 윈터랜드 주 260 정적
wrld 원 월드 270 정적