Création d’un thème pour Outlook Web App

S’applique à : Exchange Server 2013

Un thème définit la couleur d’arrière-plan, les polices, les couleurs de surbrillance, les icônes et l’en-tête utilisés par Microsoft Outlook Web App. Chaque thème est une collection de fichiers multimédias et de fichiers de feuilles de style en cascade (.css) stockés sur le serveur Microsoft Exchange dans le répertoire d’installation dans \Client Access\OWA\prem\version\resources\themes. Chaque thème est stocké dans son propre sous-répertoire de \themes.

Le thème par défaut se trouve dans \Accès client\OWA\prem\version\resources\themes\base. Chaque dossier de thème contient tous les fichiers nécessaires pour définir un thème. Ces fichiers incluent des fichiers CSS, des graphiques et un fichier .xml qui définit le nom du thème. Des thèmes supplémentaires sont créés en copiant tous les fichiers d’un thème dans un nouveau dossier et en modifiant ces fichiers en fonction des besoins.

Par défaut, plusieurs thèmes sont installés lorsque vous installez Exchange Server 2013, comme suit :

  • Les fichiers CSS (.css) définissent les couleurs, les dégradés et les polices.

  • Les fichiers image (.png) fournissent les icônes et d’autres éléments graphiques. Si vous modifiez l’une des icônes, ne modifiez pas leur taille. Si vous modifiez la taille des éléments graphiques, testez vos modifications pour vérifier que les éléments s’intègrent toujours correctement.

Ces fichiers sont stockés sur le serveur d’accès au client dans le répertoire d’installation de %ExchangeInstallPath%Client Access\OWA\prem\<version>\resources\themes. Chaque thème est stocké dans un sous-répertoire de thèmes. Vous pouvez créer des thèmes supplémentaires en copiant un thème existant et en modifiant la copie.

Après avoir créé un thème, vous pouvez également personnaliser les pages de connexion, de langue et d’erreur Outlook Web App.

Remarque

La version légère d’Outlook Web App ne prend pas en charge les thèmes.

Avertissement

Si vous avez plusieurs serveurs qui prennent en charge Outlook Web App, vous devez copier votre thème personnalisé sur chaque serveur. Vous devez également créer une copie de sauvegarde de votre thème personnalisé. Si vous réinstallez ou mettez à niveau Exchange, tous les fichiers dans les dossiers thèmes seront remplacés. Vous devrez recopier votre thème dans le dossier approprié une fois la réinstallation ou la mise à niveau terminée

Effectuez des copies de sauvegarde de tous les fichiers que vous allez modifier avant de commencer à créer votre thème personnalisé.

Ce qu'il faut savoir avant de commencer

  • Durée d'exécution estimée de cette tâche : 60 minutes.

  • Des autorisations doivent vous être attribuées avant de pouvoir exécuter cette procédure. Pour connaître les autorisations dont vous avez besoin, consultez l’entrée « Répertoires virtuels Outlook Web App » dans la rubrique Autorisations des clients et appareils mobiles .

  • Vous avez besoin d’un accès administrateur de serveur local pour effectuer ces procédures.

  • Vous aurez besoin d’un éditeur de texte pour modifier les couleurs par défaut et d’un éditeur graphique pour modifier les images. Si vous devez faire correspondre une couleur spécifique et que vous ne trouvez pas de correspondance pour celle-ci dans la table de couleurs, vous pouvez utiliser un outil d’édition d’image pour échantillonner une couleur et déterminer sa valeur HTML RVB.

  • En guise de meilleure pratique, nous vous recommandons d’utiliser les instructions suivantes chaque fois que vous modifiez ou créez un thème Outlook Web App :

    • Si vous décidez de modifier un thème existant, effectuez des copies de sauvegarde des fichiers d’origine avant de commencer à les modifier.

    • Ne supprimez pas le dossier \Accès client\OWA\prem\version\resources\themes\base, ni aucun des fichiers qu’il contient.

  • Pour des informations sur les raccourcis clavier applicables aux procédures de cette rubrique, voir Raccourcis clavier dans Exchange 2013Raccourcis clavier dans le Centre d'administration Exchange.

Conseil

Vous rencontrez des difficultés ? Demandez de l’aide en participant aux forums Exchange. Visitez les forums de Exchange Server.

Étape 1 : Créer un thème Outlook Web App

Pour commencer, vous allez créer un dossier pour un nouveau thème, puis copier les fichiers d’un thème existant dans le nouveau dossier.

  1. Connectez-vous au serveur Exchange qui héberge le répertoire virtuel Outlook Web App à l’aide d’un compte qui a été délégué à l’appartenance au groupe Administrateurs local.

  2. Ouvrez Windows Explorer, puis recherchez le répertoire d’installation du serveur Exchange.

  3. Dans \Client Access\OWA\prem\version\resources\themes, créez un dossier et nommez-le, par exemple Fourth Coffee.

  4. Copiez tous les fichiers d’un autre thème dans le nouveau dossier.

Étape 2 : nommer votre nouveau thème

Pour définir le nom d’affichage de votre nouveau thème, procédez comme suit :

  1. Ouvrez la copie de themeinfo.xml qui se trouve dans le dossier de thème personnalisé que vous venez de créer.

  2. Recherchez la valeur du thème displayname et remplacez-la par le nom que vous souhaitez utiliser. Par exemple displayname = "Fourth Coffee Theme".

  3. Enregistrez et fermez themeinfo.xml.

Étape 3 : Modifier l’ordre de tri de votre nouveau thème (facultatif)

Si vous le souhaitez, vous pouvez modifier l’ordre de tri du nouveau thème en modifiant le fichier themeinfo.xml. L’ordre de tri détermine la position du thème dans le panneau Modifier le thème du menu Paramètres.

Pour modifier l’ordre de tri du nouveau thème à l’aide du fichier themeinfo.xml, procédez comme suit :

  1. Ouvrez la copie de themeinfo.xml qui se trouve dans le dossier du thème personnalisé.

  2. Recherchez la valeur du thème sortorder et modifiez-la pour qu’elle reflète l’emplacement où vous souhaitez que votre nouveau thème apparaisse dans la liste. Les thèmes sont classés par valeur numérique dans l’ordre croissant. Par défaut, le thème de base est le premier et sa sortorder valeur est « 0 ». Par exemple sortorder="<number>".

  3. Enregistrez et fermez themeinfo.xml.

Étape 4 : Modifier votre nouveau thème

Maintenant que vous avez copié les fichiers et que vous avez nommé votre thème, vous pouvez le personnaliser. Les éléments suivants peuvent être personnalisés dans un thème Outlook Web App :

  • Fichiers image, qui définissent la zone d’en-tête et les icônes.

  • Fichiers CSS, qui définissent les polices et les couleurs.

Fichiers image

Les images de thème sont stockées dans deux dossiers dans \themes_\<nom> du thème_\images\. Le dossier \images\0 contient des images qui seront utilisées dans des langues de gauche à droite (comme l’anglais), et les langues lues de droite à gauche utilisent les images du dossier \images\rtl.

Remarque

Certaines images du dossier \images\rtl sont identiques à celles du dossier \images\0, mais elles sont mises en miroir.

Pour personnaliser le thème, vous pouvez utiliser un outil d’édition d’images pour ouvrir et modifier les images suivantes :

  • Headerbgmain.png

    Il s’agit de l’image d’en-tête main. Nous vous recommandons de ne pas dépasser la hauteur d’en-tête de 30 pixels. Le thème par défaut n’utilise pas d’image d’arrière-plan. Cette image est donc transparente. Pour obtenir un exemple de thème avec une image d’arrière-plan personnalisée, consultez l’image dans le dossier thème Blueprint .

  • Headerbgright.png

    Il est utilisé comme image de mosaïne derrière l’en-tête. Le thème par défaut n’utilise pas d’image d’arrière-plan de mosaïde. Cette image est donc transparente. Pour obtenir un exemple de thème avec une image d’arrière-plan personnalisée, consultez l’image dans le dossier thème Blueprint .

  • sprite1.mouse.png

    Il contient la plupart des images utilisées dans un thème. Vous pouvez modifier la couleur des images pour qu’elles correspondent à votre thème, ainsi que le logo texte Outlook Web App par défaut.

    Pour éviter tout problème, ne modifiez pas la taille des icônes individuelles dans le sprite et assurez-vous qu’elle est enregistrée en tant que fichier .png transparent.

  • themepreview.png

    Cette image sera utilisée pour représenter le thème dans le panneau Modifier le thème du menu Paramètres d’Outlook Web App.

Couleurs et polices

Les fichiers de feuille de style en cascade (.css) définissent les couleurs et les polices utilisées dans un thème et sont stockés dans plusieurs dossiers sous \themes\<theme name>. Le dossier \<theme name>\0 contient .css fichiers qui seront utilisés dans les langues de gauche à droite (comme l’anglais), et les langues lues de droite à gauche utilisent les fichiers .css dans le dossier \<theme name>\rtl. Il existe également des dossiers spécifiques au langage (par exemple, \ja, \ko, \zhs et \zht) qui contiennent des fichiers .css à utiliser avec ces langues.

Commencez par modifier le dossier \<theme name>\images\0. Quatre couleurs peuvent être personnalisées dans chaque thème.

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

Vous pouvez utiliser un éditeur de texte comme le Bloc-notes pour rechercher et remplacer toutes les instances de ces valeurs par les couleurs de votre thème dans les deux fichiers suivants : owa2styles.mouseCSS et owa2styles2.mouseCSS. Cette opération doit être effectuée dans chaque dossier de votre nouveau thème qui contient ces fichiers .css.

Étape 5 : Définir le thème Outlook Web App par défaut

La définition d’un nouveau thème par défaut affecte uniquement les utilisateurs qui n’ont pas modifié leur thème via le menu Paramètres dans Outlook Web App.

Pour forcer tous les utilisateurs à utiliser le thème par défaut, vous devez désactiver la sélection du thème en plus de définir un thème par défaut.

Utiliser l’interpréteur de commandes pour définir le thème par défaut pour Outlook Web App

Cet exemple définit le thème par défaut pour Outlook Web App, où le nom du serveur est fourthcoffee, le nom du répertoire virtuel est owa, le nom du site web est default web siteet le thème se trouve dans le dossier nommé Custom.

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

Pour obtenir des informations détaillées sur la syntaxe et les paramètres, voir Set-OwaVirtualDirectory.

Utiliser l’interpréteur de commandes pour désactiver la sélection du thème pour Outlook Web App

Cet exemple désactive la sélection du thème dans Outlook Web App, où le nom du serveur est fourthcoffee, le nom du répertoire virtuel est owaet le nom du site web est default web site.

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

Vous pouvez également exécuter les deux commandes en même temps, comme indiqué dans l’exemple suivant :

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

Pour obtenir des informations détaillées sur la syntaxe et les paramètres, voir Set-OwaVirtualDirectory.

Étape 6 : Exécuter iisreset/noforce pour enregistrer vos modifications

Si vous ajoutez ou modifiez un thème, modifiez le nom d’un thème ou modifiez l’ordre de tri d’un thème, vous devez arrêter et démarrer Internet Information Services (IIS) pour que la modification prenne effet. Pour ce faire, ouvrez une fenêtre d’invite de commandes sur le serveur sur lequel vous avez créé votre nouveau thème, puis exécutez la commande iisresest /nforce.

Comment savoir si cette tâche a fonctionné ?

  1. Connectez-vous à Outlook Web App à l’aide du répertoire virtuel sur le serveur sur lequel vous avez créé votre nouveau thème. Si vous testez les modifications apportées au site web par défaut sur le serveur Exchange qui héberge le répertoire virtuel Outlook Web App, vous pouvez tester votre thème en ouvrant Internet Explorer et en entrant l’URL https://localhost/owa.

  2. Basculez vers votre thème personnalisé en sélectionnant le menu > Paramètres Modifier le thème et en sélectionnant votre thème personnalisé.

Si vous ne voyez pas vos dernières modifications et que vous avez exécuté iisreset/noforce

  1. Dans la barre d’outils Internet Explorer, sélectionnez le menu > Paramètres Options Internet.

  2. Sous l’onglet Général , sous Historique de navigation, sélectionnez Supprimer, puis vérifiez que les fichiers Internet temporaires et les fichiers de site web sont cochés. Sélectionnez ensuite Supprimer pour supprimer ces fichiers.

  3. Sélectionnez OK pour fermer les options Internet.

  4. Sélectionnez Actualiser pour afficher vos modifications.

Vous devrez peut-être répéter ces étapes pour voir vos modifications chaque fois que vous apportez une modification aux fichiers de thème. Si vous apportez plusieurs modifications, vous pouvez laisser Outlook Web App ouvert et répéter l’exécution d’iisreset/noforce sur le serveur et effacer les fichiers temporaires d’Internet Explorer si nécessaire.