Создание темы для Outlook Web App

  • Статья

Область применения: Exchange Server 2013 г.

Тема определяет цвет фона, шрифты, цвета выделения, значки и заголовок, используемые Microsoft Outlook Web App. Каждая тема представляет собой коллекцию файлов мультимедиа и каскадных таблиц стилей (.css), которые хранятся на сервере Microsoft Exchange в каталоге установки в папке \Client Access\OWA\prem\version\resources\themes. Каждая тема хранится в отдельном подкаталоге \themes.

Тема по умолчанию находится в папке \Client Access\OWA\prem\version\resources\themes\base. Каждая папка темы содержит все файлы, необходимые для определения темы. К этим файлам относятся CSS-файлы, графические объекты и файл .xml, определяющий имя темы. Дополнительные темы создаются путем копирования всех файлов из одной темы в новую папку и изменения этих файлов по мере необходимости.

По умолчанию при установке Exchange Server 2013 устанавливается несколько тем следующим образом:

  • Файлы CSS (.css) определяют цвета, градиенты и шрифты.

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

Эти файлы хранятся на сервере клиентского доступа в каталоге установки в %ExchangeInstallPath%Client Access\OWA\prem\<version>\resources\themes. Каждая тема хранится в подкаталоге тем. Вы можете создать дополнительные темы, скопировав существующую тему и изменив ее.

После создания темы также может потребоваться настроить Outlook Web App входа, выбора языка и страниц ошибок.

Примечание.

Облегчаемая версия Outlook Web App не поддерживает темы.

Предупреждение

Если у вас есть несколько серверов, поддерживающих Outlook Web App, необходимо скопировать настраиваемую тему на каждый сервер. Также следует создать резервную копию пользовательской темы. При переустановке или обновлении Exchange все файлы в папках тем будут перезаписаны. Вам придется скопировать тему обратно в соответствующую папку после завершения переустановки или обновления.

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

Что нужно знать перед началом работы

  • Предполагаемое время выполнения задачи: 60 минут.

  • Для выполнения этой процедуры (процедур) необходимы соответствующие разрешения. Сведения о необходимых разрешениях см. в записи "Outlook Web App виртуальных каталогов" в разделе Разрешения для клиентов и мобильных устройств.

  • Для выполнения этих процедур требуется доступ администратора локального сервера.

  • Для изменения цветов по умолчанию потребуется текстовый редактор, а для изменения изображений — графический редактор. Если вы должны соответствовать определенному цвету и не можете найти совпадение для него в таблице цветов, можно использовать средство редактирования изображений для выборки цвета и определения его значения HTML RGB.

  • Рекомендуется использовать следующие рекомендации при изменении или создании Outlook Web App темы:

    • Если вы решили изменить существующую тему, создайте резервные копии исходных файлов, прежде чем приступать к их редактированию.

    • Не удаляйте папку \Client Access\OWA\prem\version\resources\themes\base или любой из файлов в ней.

  • Сочетания клавиш для процедур, описанных в этой статье, приведены в статье Сочетания клавиш в Центре администрирования Exchange.

Совет

Возникли проблемы? Обратитесь за помощью к участникам форумов Exchange. Посетите форумы по адресу Exchange Server.

Шаг 1. Создание темы Outlook Web App

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

  1. Войдите на сервер Exchange Server, на котором размещен виртуальный каталог Outlook Web App, используя учетную запись, делегированную членством в локальной группе администраторов.

  2. Откройте windows Обозреватель, а затем найдите каталог установки Exchange Server.

  3. В папке \Client Access\OWA\prem\version\resources\themes создайте новую папку и присвойте ей имя, например Fourth Coffee.

  4. Скопируйте все файлы из другой темы в новую папку.

Шаг 2. Назовите новую тему

Чтобы задать отображаемое имя для новой темы, сделайте следующее:

  1. Откройте копию themeinfo.xml, которая находится в только что созданной папке настраиваемой темы.

  2. Найдите значение темы displayname и измените значение на нужное имя. Например, displayname = "Fourth Coffee Theme".

  3. Сохраните и закройте themeinfo.xml.

Шаг 3. Изменение порядка сортировки новой темы (необязательно)

При необходимости можно изменить порядок сортировки новой темы, изменив файл themeinfo.xml. Порядок сортировки определяет положение темы на панели Изменение темы в меню Параметры.

Чтобы изменить порядок сортировки новой темы с помощью файла themeinfo.xml, сделайте следующее:

  1. Откройте копию themeinfo.xml, которая находится в папке настраиваемой темы.

  2. Найдите значение темы sortorder и измените значение, чтобы отразить, где новая тема будет отображаться в списке. Темы будут упорядочены по числовым значениям в порядке увеличения. По умолчанию базовая тема является первой, а ее sortorder значение — "0". Например, sortorder="<number>".

  3. Сохраните и закройте themeinfo.xml.

Шаг 4. Изменение новой темы

Теперь, когда вы скопировали файлы и назвали тему, ее можно настроить. В Outlook Web App теме можно настроить следующие элементы:

  • Файлы изображений, определяющие область заголовка и значки.

  • CSS-файлы, определяющие шрифты и цвета.

Файлы изображений

Изображения темы хранятся в двух папках в папке \themes_\<имя>_темы_\images\. Папка \images\0 содержит изображения, которые будут использоваться на языках слева направо (например, на английском языке), а на языках, которые читаются справа налево, будут использоваться изображения в папке \images\rtl.

Примечание.

Некоторые изображения в папке \images\rtl совпадают с изображениями в папке \images\0, но они зеркально отображаются.

Чтобы настроить тему, можно использовать средство редактирования изображений, чтобы открыть и изменить следующие изображения:

  • Headerbgmain.png

    Это main изображение заголовка. Рекомендуется, чтобы высота заголовка изображения не превышала 30 пикселей. Тема по умолчанию не использует фоновое изображение, поэтому это изображение является прозрачным. Пример темы с пользовательским фоновым изображением см. в этой папке.

  • Headerbgright.png

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

  • sprite1.mouse.png

    Он содержит большинство изображений, используемых в теме. Вы можете изменить цвет изображений в соответствии с вашей темой, а также изменить Outlook Web App текстового логотипа по умолчанию.

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

  • themepreview.png

    Это изображение будет использоваться для представления темы на панели Изменить тему в меню Параметры в Outlook Web App.

Цвета и шрифты

Файлы каскадных таблиц стилей (.css) определяют цвета и шрифты, используемые в теме, и хранятся в нескольких папках в разделе \themes\<theme name>. Папка \<theme name>\0 содержит .css файлов, которые будут использоваться на языках слева направо (например, на английском языке), а на языках, которые читаются справа налево, будут использоваться файлы .css в папке \<theme name>\rtl. Существуют также зависящие от языка папки (например, \ja, \ko, \zhs и \zht), которые содержат .css файлы, которые будут использоваться с этими языками.

Начните с изменения папки \<theme name>\images\0. В каждой теме используются четыре цвета, которые можно настроить.

  • BrandColor: #0072C6
  • NavBarHoverColor: #4C9CD7
  • UnreadColor: #2A8DD4
  • FocusColor: #DFEDFA

Вы можете использовать текстовый редактор, например Блокнот, для поиска и замены всех экземпляров этих значений цветами темы в следующих двух файлах: owa2styles.mouseCSS и owa2styles2.mouseCSS. Это необходимо сделать в каждой папке в новой теме, содержащей эти .css файлы.

Шаг 5. Установка темы Outlook Web App по умолчанию

Установка новой темы по умолчанию повлияет только на пользователей, которые не изменили тему через меню Параметры в Outlook Web App.

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

Используйте оболочку, чтобы задать тему по умолчанию для Outlook Web App

В этом примере задается тема по умолчанию для Outlook Web App, где имя сервера — fourthcoffee, имя виртуального каталога — owa, имя веб-сайта — default web site, а тема находится в папке с именем Custom.

set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -defaulttheme Custom

Подробные сведения о синтаксисе и параметрах см. в статье Set-OwaVirtualDirectory.

Использование оболочки для отключения выбора темы для Outlook Web App

В этом примере выбор темы отключается в Outlook Web App, где имя сервера — fourthcoffee, имя виртуального каталога — owa, а имя веб-сайта — default web site.

set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -themeselectionenabled $false

Вы также можете выполнить обе команды одновременно, как показано в следующем примере:

set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -defaulttheme Custom -themeselectionenabled $false

Подробные сведения о синтаксисе и параметрах см. в статье Set-OwaVirtualDirectory.

Шаг 6. Запустите iisreset/noforce, чтобы сохранить изменения

Если вы добавляете или изменяете тему, изменяете имя темы или изменяете порядок сортировки темы, необходимо остановить и запустить службы IIS, чтобы изменения вступают в силу. Для этого откройте окно командной строки на сервере, где вы создали новую тему, и выполните команду iisresest /nforce.

Как убедиться, что это сработало?

  1. Войдите в Outlook Web App с помощью виртуального каталога на сервере, где вы создали новую тему. Если вы тестируете изменения веб-сайта по умолчанию на сервере Exchange Server, где размещен виртуальный каталог Outlook Web App, вы можете протестировать тему, открыв интернет-Обозреватель и введя URL-адрес https://localhost/owa.

  2. Переключитесь на настраиваемую тему, выбрав меню > Параметры Изменить тему и выбрав настраиваемую тему.

Если вы не видите последние изменения и выполнили iisreset/noforce

  1. На панели инструментов Интернет-Обозреватель выберите меню > Параметры Свойства браузера.

  2. На вкладке Общие в разделе Журнал браузера выберите Удалить, а затем убедитесь, что установлен флажок Временные файлы Интернета и файлы веб-сайтов . Затем нажмите кнопку Удалить , чтобы удалить эти файлы.

  3. Нажмите кнопку ОК , чтобы закрыть параметры браузера.

  4. Выберите Обновить , чтобы просмотреть изменения.

Вам может потребоваться повторить эти действия, чтобы увидеть изменения каждый раз, когда вы вносите изменения в файлы темы. Если вы вносите несколько изменений, вы можете оставить Outlook Web App открытым и повторить выполнение iisreset/noforce на сервере и очистить временные файлы из Интернета Обозреватель по мере необходимости.