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

 

Применимо к: Exchange Server 2010 SP2, Exchange Server 2010 SP3

Последнее изменение раздела: 2016-11-28

В этом разделе объясняется, как создать настраиваемую тему для приложения Microsoft Office Outlook Web App. Тема — это набор файлов мультимедиа и файлов спецификации каскадных таблиц стилей (CSS), управляющих внешним видом Outlook Web App. 

При установке роли сервера клиентского доступа на компьютере под управлением Microsoft Exchange Server 2010 по умолчанию устанавливается несколько тем.

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

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

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

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

Рекомендации

Многие элементы темы Outlook Web App можно изменять. Чтобы избежать нестабильной работы приложения Outlook Web App, рекомендуется изменять только те файлы, которые непосредственно связаны с настраиваемой темой.

Рекомендуется следовать приведенным ниже инструкциям.

  • Всегда создавайте резервные копии исходных файлов, прежде чем редактировать их.

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

  • Вносите по одному-двум изменениям, после чего проверяйте результаты внесенных изменений перед выполнением следующих изменений.

  • Не изменяйте файлы в папке \Client Access\OWA\<версия>\themes\resources. Шрифты и другие параметры, определяемые этими файлами, используются для всех тем в приложении Outlook Web App. Изменение этих файлов приведет к изменению всех тем.

  • Темы сохраняются на каждом сервере клиентского доступа. Если необходимо, чтобы настраиваемая тема была доступна на всех имеющихся серверах клиентского доступа, следует скопировать ее в каталог themes на каждом сервере клиентского доступа.

Необходимы сведения о других задачах управления, связанных с настройкой внешнего вида приложения Outlook Web App? См. раздел Настройка страниц входа и выхода в Outlook Web App.

Необходимые действия

  • Создание новой темы Outlook Web App

  • Определение имени настраиваемой темы

  • Создание настраиваемого значка для темы

  • Создание пользовательского заголовка

  • Использование средств разработчика Internet Explorer для определения цветов

  • Изменение цветов темы

  • Изменение значков и эмблем в теме

  • Установка темы по умолчанию в приложении Outlook Web App

Создание новой темы Outlook Web App

Для выполнения этой процедуры необходимы соответствующие разрешения. Сведения о необходимых разрешениях см. в разделе Запись «Графический редактор» в разделе Разрешения клиентского доступа.

  1. На сервере клиентского доступа, на котором установлено приложение Outlook Web App, откройте проводник Windows и перейдите в каталог установки сервера Exchange.

  2. В папке \Client Access\OWA\<версия>\themes найдите тему, использующую подходящую цветовую схему, и создайте ее копию.

  3. Присвойте созданной копии короткое имя, схожее с именем будущей темы.

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

    • premium.css

    • csssprites.png

    • csssprites2.png

    • headerbgmain.png

    • headerbgright.png

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

  6. Перезапустите службы IIS (Internet Information Services), выполнив команду iisreset/noforce.

  7. Проверьте новую тему. Для этого войдите в приложение Outlook Web App и выберите эту тему.

Определение имени настраиваемой темы

Для выполнения этой процедуры необходимы соответствующие разрешения. Сведения о необходимых разрешениях см. в разделе Запись «Графический редактор» в разделе Разрешения клиентского доступа.

  1. Откройте копию файла themeinfo.xml в папке настраиваемой темы.

  2. Найдите значение displayname для этой темы и измените его на требуемое имя темы.

    Пример: Чтобы теме было присвоено имя Fourth Coffee, файл должен содержать строку: theme displayname = "Fourth Coffee".

  3. Измените значение sortorder соответствующим образом, чтобы задать определенное положение темы в окне выбора тем в приложении Outlook Web App.

    Пример. Чтобы тема отображалась первой, файл должен содержать строку sortorder = 1.

  4. Сохраните изменения и закройте файл themeinfo.xml.

  5. Остановите и повторно запустите службы IIS на сервере клиентского доступа. Для этого откройте окно командной строки и выполните команду iisreset/noforce.

  6. Чтобы проверить изменения, выполните вход в приложение Outlook Web App, выберите Параметры и найдите новую тему в окне выбора тем. Если тема отсутствует в списке, используйте окно «Свойства обозревателя» в браузере Microsoft Internet Explorer, чтобы удалить временные файлы. Затем выполните команду «Обновить» в окне браузера и проверьте наличие темы в окне выбора тем.

Создание настраиваемого значка для темы

Для выполнения этой процедуры необходимы соответствующие разрешения. Сведения о необходимых разрешениях см. в разделе Запись «Графический редактор» в разделе Разрешения клиентского доступа.

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

  1. Откройте файл themepreview.png в графическом редакторе и внесите изменения. Не изменяйте размеры. Размер изображения составляет 32x32 пиксела.

  2. Чтобы проверить изменения, выполните вход в приложение Outlook Web App, выберите Параметры и найдите новую тему в окне выбора тем. Если новый значок отсутствует в списке, используйте окно «Свойства обозревателя» в браузере Internet Explorer, чтобы удалить временные файлы. Затем выполните команду «Обновить» в окне браузера и проверьте наличие значка в окне выбора тем.

Создание пользовательского заголовка

Для выполнения этой процедуры необходимы соответствующие разрешения. Сведения о необходимых разрешениях см. в разделе Запись «Графический редактор» в разделе Разрешения клиентского доступа.

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

  • headerbgmain.png

  • headerbgright.png

  • headerbgmainrtl.png (Изменять это файл необходимо только для языков с письмом справа налево.)

  1. Откройте файлы PNG в графическом редакторе и внесите изменения. Не изменяйте размеры.

  2. Чтобы изменить эмблему, откройте и измените файл csssprites.png с помощью графического редактора, поддерживающего прозрачный фон, например Paint.NET или Photoshop. Этот файл содержит прозрачный фон. Не изменяйте положение и размеры изображений в этом файле, так как приложение Outlook Web App запрашивает каждый значок или эмблему из определенного положения в файле csssprites.png. При изменении этого файла необходимо разместить новое изображение точно поверх изображения, которое будет заменено.

  3. После внесения изменений в файлы сохраните изменения.

  4. Чтобы проверить изменения, внесенные в настраиваемую тему, выполните вход в приложение Outlook Web App, выберите Параметры и найдите необходимую тему в окне выбора тем. Если новая тема отсутствует в списке, используйте окно «Свойства обозревателя» в браузере Internet Explorer, чтобы удалить временные файлы. Затем выполните команду «Обновить» в окне браузера и проверьте наличие необходимой настраиваемой темы в окне выбора тем.

Использование средств разработчика Internet Explorer для определения цветов

Веб-браузеры Internet Explorer 8 и Internet Explorer 9 включают в себя средства разработчика, позволяющие определять цвета и шрифты некоторых элементов и проверять изменения этих значений. Можно также использовать сведения из средств разработчика для поиска значений цветов и шрифтов в файлах CSS и их изменения для настройки темы.

  1. Войдите в приложение Outlook Web App и выберите любую тему.

  2. Перейдите к модулю, отображающему элемент, который необходимо настроить. Например, чтобы настроить цвет выделения в почте, войдите в почту.

  3. В веб-браузере Internet Explorer перейдите на панель инструментов и выберите «Сервис > Средства разработчика» или нажмите клавишу F12.

  4. Расположите окна приложения Outlook Web App и средств разработчика таким образом, чтобы они не перекрывали друг друга.

  5. В окне средств разработчика щелкните стрелку выбора в левой части панели инструментов или нажмите сочетание клавиш CTRL+B.

  6. Наведите указатель на раздел приложения Outlook Web App, который необходимо настроить. При наведении указателя на определенный элемент отобразится контур этого элемента. Щелкните элемент, который необходимо изменить, когда он будет отображаться в контурной рамке.

  7. Перейдите к окну средств разработчика. В нем отобразится код, используемый для создания страницы, и выбранный элемент, выделенный в левом окне.

  8. В правом окне отобразится цвет выбранного элемента. Он будет иметь RGB-значение, выраженное строкой из семи символов, начинающейся с символа # с последующими шестью буквенно-цифровыми символами. Например, белый цвет будет иметь значение #ffffff.

  9. Если RGB-значение не отображается, выполните действия, описанные выше, и повторите попытку.

  10. При отображении RGB-значения измените его необходимым образом и нажмите клавишу ВВОД. Изменение будет выполнено в приложении Outlook Web App практически мгновенно. Сама тема изменена не будет, изменения коснутся только локальных параметров и будут действительны только в течение текущего сеанса.

  11. В правой области окна средств разработчика будет показан файл, в котором содержится данное значение, и местоположение значения в этом файле.

  12. После определения местоположения изменяемого значения необходимо перейти в папку с настраиваемой темой на сервере клиентского доступа и изменить это значение в файле premium.css.

ПримечаниеПримечание.
RGB-значения в формате HTML для большинства цветов см. в статье Таблица цветов (на английском языке) в библиотеке MSDN. Если для определенного цвета не удается найти соответствующее RGB-значение в формате HTML, это значение можно определить с помощью графического редактора. Средства разработчика включают в себя палитру. В меню выберите Сервис > Показать палитру цветов. Чтобы определить RGB-значение необходимого цвета, наведите указатель мыши на элемент, содержащий этот цвет.

Изменение цветов темы

После выбора цвета, который необходимо изменить, и RGB-значения, которое необходимо указать для этого цвета, выберите соответствующее свойство в файле таблицы стилей premium.css на сервере клиентского доступа и замените существующее значение новым.

Для выполнения этой процедуры необходимы соответствующие разрешения. Сведения о необходимых разрешениях см. в разделе Запись «Графический редактор» в разделе Разрешения клиентского доступа.

  1. Откройте файл premium.css в папке с настраиваемой темой с помощью текстового редактора, например Блокнота.

  2. В этом файле найдите значение, определенное с помощью средств Internet Explorer.

  3. Замените RGB-значение на требуемое значение.

  4. Чтобы проверить изменения, внесенные в настраиваемую тему, выполните вход в приложение Outlook Web App, выберите Параметры и найдите необходимую тему в окне выбора тем. Если изменения не отобразились, используйте окно «Свойства обозревателя» в браузере Internet Explorer, чтобы удалить временные файлы. Затем выполните команду «Обновить» в окне браузера и проверьте наличие необходимой настраиваемой темы в окне выбора тем.

Изменение значков и эмблем в теме

Для выполнения этой процедуры необходимы соответствующие разрешения. Сведения о необходимых разрешениях см. в разделе Запись «Графический редактор» в разделе Разрешения клиентского доступа.

Чтобы изменить значки и эмблемы в теме, откройте и измените файлы csssprites.png и csssprites2.png с помощью графического редактора, поддерживающего прозрачный фон, например Paint.NET или Photoshop. Эти файлы содержат прозрачный фон, который необходимо сохранить для правильного отображения отдельных элементов. Не изменяйте положение и размеры изображений в этих файлах, так как приложение Outlook Web App запрашивает каждое изображение из определенного положения в файле. При изменении этих файлов необходимо поместить новое изображение на место заменяемого изображения.

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

  1. Откройте файл, содержащий графические элементы, которые необходимо изменить, с помощью графического редактора, поддерживающего прозрачный фон.

  2. Измените выбранный элемент, сохраняя точное местоположение и размер исходного элемента.

  3. Сохраните и закройте файл.

  4. Чтобы проверить изменения, внесенные в настраиваемую тему, выполните вход в приложение Outlook Web App, выберите Параметры и найдите необходимую тему в окне выбора тем. Если изменения не отобразились, используйте окно «Свойства обозревателя» в веб-браузере Internet Explorer, чтобы удалить временные файлы. Затем выполните команду «Обновить» в окне браузера и проверьте наличие необходимой настраиваемой темы в окне выбора тем.

Установка темы по умолчанию в приложении Outlook Web App

При установке темы по умолчанию она будет использоваться только для тех пользователей, которые до этого не выполнили вход в приложение 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» в разделе Разрешения клиентского доступа.

В этом примере отключается выбранная в приложении 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.

Другие задачи

После создания темы можно также выполнить следующие действия: Настройка страниц входа и выхода в Outlook Web App.

 © Корпорация Майкрософт (Microsoft Corporation), 2010. Все права защищены.