none
【教程】OWA的简单定制化 RRS feed

  • 常规讨论

  • Outlook网页版(也称Outlook on the Web Outlook Web App)的强大功能给大家在日常工作中带来了诸多便利。与此同时,有些企业希望通过自定义OWA登陆页面,使其能够彰显企业形象。今天就给大家介绍一下Outlook on the web 内置的个性化功能。

    OWA登陆、语言选择或错误页面,是基于Exchange 2016/2019或早期版本的客户端访问(前端)角色上,名为“Themes resources”的文件夹中的图像和内容样式表(CSS)文件创建。OWA上所有的主题都使用同一组页面方案。页面的任何改动对所有用户,包括访客都可见。

    注意:

    1. 在进行任何更改之前,请备份默认的OWA文件。
    2. 对创建的自定义文件进行备份,以便在重新安装或升级Exchange服务器后对其重新应用。

    自定义OWA页面的颜色

    要将OWA页面默认的蓝色替换为新颜色, 我们需要知道新颜色的HTML RGB。关于HTML RGB值的更多信息,请参阅主题链接颜色表。如果在链接中找不到想要的颜色, 可以使用Windows内置的画图工具

    负责各个页面颜色的CSS文件名称和存储路径分别为:

    OWA登录页面

    %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<ExchangeVersion>\themes\resources\logon.css

    OWA错误页面

    %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<ExchangeVersion>\themes\resources\errorFE.css

    OWA语言选择页面

    %ExchangeInstallPath%ClientAccess\Owa\Current2\version\resources\styles\languageselection.css

    大致步骤如下:

    1.使用记事本打开OWA页面相关的css文件。

    2.查找文件中默认页面RGB色值 #0072c6, 更改为自定义颜色的色值。

    3.完成后, 保存并关闭该文件。

    自定义OWA页面的图像

    OWA页面中可自定义的图标共有六处,如下图所示:

    OWA登录页面


    OWA错误页面


    OWA语言选择页面


    图标文件的名称和存储路径见下表:

    图像

    文件名

    位置

    尺寸 (宽度 x 高度 (像素))

    位深度

    Favicon.ico

    %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<ExchangeVersion>\themes\resources

    16 x 16 

    32 

    olk_logo_white.png 

    %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<ExchangeVersion>\themes\resources

    128 x 108 

    32 

    3

    owa_text_blue.png 

    %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<ExchangeVersion>\themes\resources

    300 x 76 

    32 

    Sign_in_arrow.png (for left-to-right languages) 

    Sign_in_arrow_rtl.png (for right-to-left languages) 

    %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<ExchangeVersion>\themes\resources

    22 x 22 

    32 

    olk_logo_white_cropped.png

    %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<ExchangeVersion>\themes\resources

    265 x 310 

    32 

    office_logo_white_small.png 

    %ExchangeInstallPath%ClientAccess\Owa\prem\<ExchangeVersion>\resources\images\0(对于从左到右的语言

    %ExchangeInstallPath%ClientAccess\Owa\prem\<ExchangeVersion>\resources\images\rtl(适用于从右向左的语言

    81 x 26 


    将定制图片放在上表对应路径中。通过更改文件名的方式对要替换的图标文件进行覆盖。

    实验演示

    为了更好理解整个过程,接下来在Exchange 2016环境中进行简单演示,更改OWA登录界面的颜色和图标。如果是之前的版本,请在CAS服务器进行更改。更改前请先进行备份。

    1.使用记事本打开logon.css文件。文件路为

    %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<ExchangeVersion>\themes\resources\logon.css

    2.查找并替换文件中默认页面颜色 #0072c6,改为#f08080

    3.完成后, 保存并关闭该文件。

    4. 将自定义的页面侧边栏和正中图像放置在该路径下。

    <Exchange安装目录>\FrontEnd\HttpProxy\owa\auth\15.0.1320\themes\resources

    5.将上述路径下的owa_text_blue.pngolk_logo_white.png重命名为owa_text_blue1.pngolk_logo_white1.png作为备份。自定义图像文件重命名为owa_text_blue.png olk_logo_white.png


    6. 在网页浏览器中打开 OWA, 页面变化如下图所示。


    关键词OWA页面自定义,Outlook网页版自定义,OWA Customization

    参考资料:

    https://docs.microsoft.com/zh-cn/exchange/clients/outlook-on-the-web/customize-outlook-on-the-web?view=exchserver-2019

    希望上述信息能够帮到您。如果您对此还有其他问题,欢迎随时来我们论坛提问 (点击文章页面左上角的“提出问题”按钮快速发帖) 


    如果帖子有帮到您的话,请点击左上方“投票”按钮。这将帮助到阅读这个帖子的其他用户。

    2019年4月30日 9:30
    版主