Condividi tramite

Creazione di un tema per Outlook Web App

  • Articolo

Si applica a: Exchange Server 2013

Un tema definisce il colore di sfondo, i tipi di carattere, i colori di evidenziazione, le icone e l'intestazione usati da Microsoft Outlook Web App. Ogni tema è una raccolta di file multimediali e di fogli di stile css (.css) archiviati nel server Microsoft Exchange nella directory di installazione in \Accesso client\OWA\prem\version\resources\themes. Ogni tema viene archiviato nella propria sottodirectory di \themes.

Il tema predefinito si trova in \Accesso client\OWA\prem\version\resources\themes\base. Ogni cartella del tema contiene tutti i file necessari per definire un tema. Questi file includono file CSS, grafica e un file .xml che definisce il nome del tema. I temi aggiuntivi vengono creati copiando tutti i file da un tema in una nuova cartella e modificando tali file in base alle esigenze.

Per impostazione predefinita, quando si installa Exchange Server 2013 vengono installati più temi, come indicato di seguito:

  • I file CSS (.css) definiscono colori, sfumature e tipi di carattere.

  • I file di immagine (.png) forniscono le icone e altri elementi grafici. Se si modifica una delle icone, non modificarne le dimensioni. Se si modificano le dimensioni di qualsiasi elemento grafico, testare le modifiche per verificare che gli elementi si adattino ancora correttamente.

Questi file vengono archiviati nel server Accesso client nella directory di installazione in %ExchangeInstallPath%Client Access\OWA\prem\<version>\resources\themes. Ogni tema viene archiviato in una sottodirectory di temi. È possibile creare temi aggiuntivi copiando un tema esistente e modificando la copia.

Dopo aver creato un tema, è anche possibile personalizzare l'accesso Outlook Web App, la selezione della lingua e le pagine di errore.

Nota

La versione light di Outlook Web App non supporta i temi.

Avviso

Se sono presenti più server che supportano Outlook Web App, è necessario copiare il tema personalizzato in ogni server. È anche consigliabile creare una copia di backup del tema personalizzato. Se si reinstalla o si aggiorna Exchange, tutti i file nelle cartelle dei temi verranno sovrascritti. Dovrai copiare di nuovo il tema nella cartella appropriata al termine della reinstallazione o dell'aggiornamento

Creare copie di backup di tutti i file che verranno cambiati prima di iniziare a creare il tema personalizzato.

Che cosa è necessario sapere prima di iniziare?

  • Tempo stimato per il completamento di questa attività: 60 minuti.

  • Devi disporre delle autorizzazioni per poter eseguire queste procedure. Per visualizzare le autorizzazioni necessarie, vedere la voce "Outlook Web App directory virtuali" nell'argomento Autorizzazioni client e dispositivi mobili.

  • Per eseguire queste procedure, è necessario l'accesso dell'amministratore del server locale.

  • Sarà necessario un editor di testo per modificare i colori predefiniti e un editor di grafica per modificare le immagini. Se devi trovare una corrispondenza con un colore specifico e non riesci a trovarne una corrispondenza in Color Table, puoi usare uno strumento di modifica delle immagini per campionare un colore e determinarne il valore RGB HTML.

  • Come procedura consigliata, è consigliabile usare le linee guida seguenti ogni volta che si modifica o si crea un tema Outlook Web App:

    • Se si decide di modificare un tema esistente, eseguire copie di backup dei file originali prima di iniziare a modificarli.

    • Non eliminare la cartella \Accesso client\OWA\prem\version\resources\themes\base o uno dei file in esso contenuti.

  • Per informazioni sui tasti di scelta rapida che è possibile utilizzare con le procedure in questo argomento, vedere Tasti di scelta rapida nell'interfaccia di amministrazione di Exchange.

Consiglio

Problemi? È possibile richiedere supporto nei forum di Exchange. Visitare i forum all'indirizzo Exchange Server.

Passaggio 1: Creare un nuovo tema Outlook Web App

Per iniziare, si creerà una cartella per un nuovo tema e quindi si copiano i file da un tema esistente nella nuova cartella.

  1. Accedere al server Exchange che ospita la directory virtuale Outlook Web App usando un account delegato al gruppo Administrators locale.

  2. Aprire Esplora risorse e quindi trovare la directory di installazione del server Exchange.

  3. In \Accesso client\OWA\prem\version\resources\themes creare una nuova cartella e denominarla, ad esempio Fourth Coffee.

  4. Copiare tutti i file da un altro tema nella nuova cartella.

Passaggio 2: Assegnare un nome al nuovo tema

Per impostare il nome visualizzato per il nuovo tema, eseguire le operazioni seguenti:

  1. Aprire la copia di themeinfo.xml nella cartella del tema personalizzata appena creata.

  2. Trovare il valore del tema displayname e impostare il valore sul nome che si vuole usare. Ad esempio, displayname = "Fourth Coffee Theme".

  3. Salvare e chiudere themeinfo.xml.

Passaggio 3: Modificare l'ordinamento del nuovo tema (facoltativo)

Se si desidera, è possibile modificare l'ordinamento del nuovo tema modificando il file themeinfo.xml. L'ordinamento determina la posizione del tema nel pannello Cambia tema nel menu Impostazioni.

Per modificare l'ordinamento del nuovo tema usando il file themeinfo.xml, eseguire le operazioni seguenti:

  1. Aprire la copia di themeinfo.xml nella cartella del tema personalizzata.

  2. Trovare il valore del tema sortorder e modificare il valore in modo che rifletta la posizione in cui si vuole che il nuovo tema venga visualizzato nell'elenco. I temi verranno ordinati in base al valore numerico in ordine crescente. Per impostazione predefinita, il tema di base è il primo e il relativo sortorder valore è "0". Ad esempio, sortorder="<number>".

  3. Salvare e chiudere themeinfo.xml.

Passaggio 4: Modificare il nuovo tema

Dopo aver copiato i file e aver denominato il tema, è possibile personalizzarlo. Gli elementi seguenti possono essere personalizzati in un tema Outlook Web App:

  • File di immagine, che definiscono l'area di intestazione e le icone.

  • File CSS, che definiscono tipi di carattere e colori.

File immagine

Le immagini del tema vengono archiviate in due cartelle in \themes_\<nome> tema_\images\. La cartella \images\0 contiene immagini che verranno usate nelle lingue da sinistra a destra (ad esempio l'inglese) e le lingue lette da destra a sinistra useranno le immagini nella cartella \images\rtl.

Nota

Alcune delle immagini nella cartella \images\rtl sono le stesse delle immagini della cartella \images\0, ma sono speculari.

Per personalizzare il tema, è possibile usare uno strumento di modifica delle immagini per aprire e modificare le immagini seguenti:

  • Headerbgmain.png

    Questa è l'immagine dell'intestazione principale. È consigliabile che l'immagine non superi l'altezza dell'intestazione di 30 pixel. Il tema predefinito non usa un'immagine di sfondo, quindi questa immagine è trasparente. Per un esempio di tema con un'immagine di sfondo personalizzata, vedere l'immagine nella cartella Del tema del progetto .

  • Headerbgright.png

    Viene usato come immagine affiancata dietro l'intestazione. Il tema predefinito non usa un'immagine di sfondo affiancata, quindi questa immagine è trasparente. Per un esempio di tema con un'immagine di sfondo personalizzata, vedere l'immagine nella cartella Del tema del progetto .

  • sprite1.mouse.png

    Contiene la maggior parte delle immagini usate in un tema. È possibile modificare il colore delle immagini in modo che corrisponda al tema e modificare anche il logo di testo Outlook Web App predefinito.

    Per evitare problemi, non modificare le dimensioni delle singole icone nello sprite e assicurarsi che venga salvato come file di .png trasparente.

  • themepreview.png

    Questa immagine verrà usata per rappresentare il tema nel pannello Cambia tema nel menu Impostazioni in Outlook Web App.

Colori e tipi di carattere

I file dei fogli di stile css (.css) definiscono i colori e i tipi di carattere usati in un tema e vengono archiviati in più cartelle in \themes\<theme name>. La cartella \<theme name>\0 contiene .css file che verranno usati nelle lingue da sinistra a destra (ad esempio l'inglese) e le lingue lette da destra a sinistra useranno i file .css nella cartella \<theme name>\rtl. Esistono anche cartelle specifiche della lingua, ad esempio \ja, \ko, \zhs e \zht, che contengono file .css da usare con tali lingue.

Per iniziare, modificare la cartella \<theme name>\images\0. In ogni tema sono disponibili quattro colori che possono essere personalizzati.

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

È possibile usare un editor di testo come Blocco note per cercare e sostituire tutte le istanze di questi valori con i colori del tema nei due file seguenti: owa2styles.mouseCSS e owa2styles2.mouseCSS. Questa operazione deve essere eseguita in ogni cartella del nuovo tema che contiene i file .css.

Passaggio 5: Impostare il tema Outlook Web App predefinito

L'impostazione di un nuovo tema predefinito avrà effetto solo sugli utenti che non hanno modificato il tema tramite il menu Impostazioni in Outlook Web App.

Per forzare l'uso del tema predefinito da parte di tutti gli utenti, è necessario disabilitare la selezione del tema oltre a impostare un tema predefinito.

Utilizzare Shell per impostare il tema predefinito per Outlook Web App

In questo esempio viene impostato il tema predefinito per Outlook Web App, dove il nome del server è fourthcoffee, il nome della directory virtuale è owa, il nome del sito Web è default web sitee il tema si trova nella cartella denominata Custom.

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

Per ulteriori informazioni sulla sintassi e sui parametri, vedere Set-OwaVirtualDirectory.

Usare Shell per disabilitare la selezione del tema per Outlook Web App

Questo esempio disabilita la selezione del tema in Outlook Web App, dove il nome del server è fourthcoffee, il nome della directory virtuale è owae il nome del sito Web è default web site.

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

È anche possibile completare entrambi i comandi contemporaneamente, come illustrato nell'esempio seguente:

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

Per ulteriori informazioni sulla sintassi e sui parametri, vedere Set-OwaVirtualDirectory.

Passaggio 6: Eseguire iisreset/noforce per salvare le modifiche

Se si aggiunge o si modifica un tema, si modifica il nome di un tema o si modifica l'ordinamento di un tema, è necessario arrestare e avviare Internet Information Services (IIS) per rendere effettiva la modifica. A tale scopo, aprire una finestra del prompt dei comandi nel server in cui è stato creato il nuovo tema ed eseguire il comando iisresest /nforce.

Come verificare se l'operazione ha avuto esito positivo

  1. Accedere a Outlook Web App usando la directory virtuale nel server in cui è stato creato il nuovo tema. Se si testano le modifiche apportate al sito Web predefinito nel server Exchange che ospita la directory virtuale Outlook Web App, è possibile testare il tema aprendo Internet Explorer e immettendo l'URL https://localhost/owa.

  2. Passare al tema personalizzato selezionando il menu > Impostazioni Cambia tema e selezionando il tema personalizzato.

Se non vengono visualizzate le modifiche più recenti ed è stato eseguito iisreset/noforce

  1. Sulla barra degli strumenti di Internet Explorer selezionare il menu > Impostazioni Opzioni Internet.

  2. Nella scheda Generale , in Cronologia esplorazioni selezionare Elimina e quindi verificare che i file Temporanei Internet e i file del sito Web siano selezionati. Selezionare quindi Elimina per rimuovere tali file.

  3. Selezionare OK per chiudere le opzioni Internet.

  4. Selezionare Aggiorna per visualizzare le modifiche.

Potrebbe essere necessario ripetere questi passaggi per visualizzare le modifiche ogni volta che si apporta una modifica ai file del tema. Se si apportano diverse modifiche, è possibile lasciare Outlook Web App aperto e ripetere l'esecuzione di iisreset/noforce nel server e cancellare i file temporanei da Internet Explorer in base alle esigenze.