Applicazione di un foglio di stile personalizzato a un sito di SharePoint

In questo articolo viene descritto il modo in cui una copia personalizzata del foglio di stile predefinito viene creata automaticamente nell'Elenco cartelle di un sito quando si modifica uno stile predefinito in tale sito. Viene inoltre illustrato come applicare il nuovo foglio di stile ad altri siti o siti secondari e come ripristinare il foglio di stile predefinito in un momento successivo. Questa procedura viene descritta sia per i siti di Windows SharePoint Services 3.0 che per i siti di Microsoft Office SharePoint Server 2007.

Per saperne di più

Modifica degli stili di un sito

Applicazione di un foglio di stile locale personalizzato ad altri siti

Rimozione del foglio di stile locale personalizzato

Modifica o sostituzione del foglio di stile predefinito per l'intera raccolta siti

Modifica degli stili di un sito

Con Microsoft Office SharePoint Designer 2007 è possibile personalizzare l'aspetto di un singolo sito di SharePoint modificando gli stili predefiniti applicati al sito, nonché applicare stili personalizzati ad altri siti o decidere in qualsiasi momento di rimuovere tutti gli stili personalizzati e ripristinare il foglio di stile predefinito, disponibile sul server della raccolta siti corrispondente. Queste modifiche possono essere apportate ai siti di Windows SharePoint Services 3.0 e di Office SharePoint Server 2007.

Utilizzando la pagina default.master del sito locale e i riquadri attività Proprietà CSS e Gestione stili, è possibile identificare gli stili applicati all'elemento visivo che si desidera modificare e quindi modificare gli stili stessi.

Importante : Se si desidera visualizzare le modifiche in tutte le pagine del sito, assicurarsi di utilizzare la pagina default.master del sito e non la pagina default.aspx.

Apertura della finestra di dialogo Modifica stile dalle proprietà CSS

Per impostazione predefinita, gli stili di tutti i siti di SharePoint in una raccolta siti vengono definiti in un unico foglio di stile che si trova sul server. In Windows SharePoint Services 3.0 il nome del file corrispondente è Core.css. In Office SharePoint Server 2007 tale file può avere diversi nomi. Gli stili della pagina master personalizzata denominata BarraNera.master, ad esempio, vengono definiti in un foglio di stile denominato Barra.css.

Alla prima modifica di uno stile in una pagina di un sito, in Office SharePoint Designer 2007 viene automaticamente aperta una nuova copia locale del foglio di stile predefinito, che viene aggiornato con le modifiche apportate. Quando si salva o si chiude la pagina o la copia del foglio di stile predefinito, viene chiesto di confermare le personalizzazioni apportate.

Le personalizzazioni confermate vengono applicate alla nuova versione locale del foglio di stile, archiviata in una nuova cartella denominata _styles creata automaticamente nell'Elenco cartelle del sito. Eventuali modifiche successive apportate agli stili nello stesso sito verranno applicate alla versione locale del foglio di stile, che può essere modificato direttamente.

Elenco cartelle con la cartella _styles e il foglio di stile personalizzato Core.css

Quando si personalizza il foglio di stile predefinito, ad esempio Core.css, in modo da visualizzarne una copia nella cartella _styles dell'Elenco cartelle, il foglio di stile personalizzato viene utilizzato per visualizzare tutte le pagine del sito. È possibile ripristinare il foglio di stile predefinito in qualsiasi momento rinominando o eliminando quello personalizzato.

Importante : Dopo aver personalizzato un foglio di stile, non spostare il file personalizzato o la cartella _styles, ad esempio tramite trascinamento o un'operazione di taglia e incolla. Se infatti si sposta il file o la cartella, ogni pagina del sito verrà visualizzata con un collegamento interrotto al foglio di stile personalizzato e alle pagine non verrà applicato alcuno stile.

È possibile ripristinare la situazione precedente in due modi:

  • Per visualizzare le pagine utilizzando il foglio di stile personalizzato, riposizionarlo nella cartella _styles al livello principale della directory del sito.

  • Per ripristinare il foglio di stile predefinito del sito, riposizionare il foglio di stile personalizzato nella cartella _styles al livello principale della directory del sito, quindi eliminarlo o rinominarlo.

    Se il foglio di stile personalizzato non esiste più, creare un file vuoto con lo stesso nome, ad esempio Core.css, nella cartella _styles al livello principale della directory del sito, quindi eliminare o rinominare il file vuoto per avviare il processo di ripristino del foglio di stile predefinito.

Torna all'inizio

Applicazione di un foglio di stile locale personalizzato ad altri siti

Per impostazione predefinita, un foglio di stile locale personalizzato viene applicato solo al sito o al sito secondario in cui è stato personalizzato, come illustrato nella figura seguente.

Raccolta siti con il foglio di stile predefinito e un foglio di stile personalizzato

Il foglio di stile locale personalizzato può essere applicato anche ad altri siti. Nelle due sezioni successive viene illustrato come eseguire questa operazione.

Se si desidera applicare lo stesso foglio di stile locale personalizzato a un sito e ad alcuni o a tutti i relativi siti secondari, risulta in genere più semplice creare il foglio di stile personalizzato nel sito principale e quindi applicarlo ai siti secondari utilizzando uno dei metodi seguenti.

Associare un foglio di stile a un altro sito

In ambiente Windows SharePoint Services 3.0 o Office SharePoint Server 2007 è possibile associare manualmente un foglio di stile personalizzato di un sito a un altro sito.

Se si desidera applicare un foglio di stile a un altro sito, assicurarsi di associarlo alla pagina master predefinita di tale sito.

  1. In Office SharePoint Designer 2007 aprire il sito a cui si desidera applicare un foglio di stile personalizzato esistente.

  2. Nel sito aprire la pagina master predefinita.

  3. Scegliere Stili CSS dal menu Formato e quindi Associa foglio di stile.

  4. Nella finestra di dialogo Associa foglio di stile fare clic su Sfoglia per individuare e selezionare il foglio di stile personalizzato da applicare.

  5. Nella sezione Associa a fare clic su Pagina corrente.

  6. Nella sezione Associa come fare clic su Collegamento e quindi su OK.

    Il foglio di stile personalizzato specificato verrà applicato alla pagina master predefinita e a tutte le pagine di contenuto associate alla pagina master.

    Suggerimento : Per visualizzare gli stili aggiornati in visualizzazione Struttura, potrebbe essere necessario premere F5 per aggiornare la visualizzazione.

  7. Per salvare la pagina master con il collegamento del nuovo foglio di stile, scegliere Salva dal menu File oppure premere MAIUSC+F12.

    Per applicare lo stesso foglio di stile ad altri siti, ripetere questa procedura per ogni sito, un sito alla volta. Se si lavora in ambiente Office SharePoint Server 2007 e si desidera applicare un foglio di stile personalizzato a un sito e a tutti i relativi siti secondari, vedere la sezione successiva.

Applicare un foglio di stile a un sito e a tutti i relativi siti secondari

Se si lavora in ambiente Office SharePoint Server 2007, è possibile utilizzare l'interfaccia del browser per applicare un foglio di stile personalizzato a più siti con un'unica operazione.

Nota : Questa funzionalità è disponibile solo in Office SharePoint Server 2007. Non è disponibile in Windows SharePoint Services 3.0.

Questo processo si avvale di una funzionalità denominata ereditarietà, che consente di configurare un sito in modo che erediti gli stili del sito padre, ovvero il sito immediatamente superiore nella gerarchia del sito. Nell'illustrazione seguente il sito di secondo livello visualizzato a destra contiene una versione locale personalizzata del foglio di stile predefinito. Ognuno dei sei siti secondari della raccolta siti è configurato in modo da ereditare gli stili dal sito padre. Tutti i sette siti della raccolta siti utilizzano pertanto la stessa versione personalizzata del foglio di stile predefinito. Le frecce indicano i rapporti di ereditarietà.

Raccolta siti con il foglio di stile predefinito e un foglio di stile personalizzato

Per applicare un foglio di stile personalizzato esistente di un sito di Office SharePoint Server 2007 a tutti i relativi siti secondari:

  1. Nel browser aprire il sito di Office SharePoint Server 2007 contenente il foglio di stile personalizzato.

  2. Nel menu Sito eseguire una delle operazioni seguenti:

    • Fare clic su Impostazioni sito.

    • Scegliere Impostazioni sito e quindi fare clic su Modifica tutte le impostazioni di sito.

  3. Nella pagina Impostazioni sito, in Aspetto, fare clic su Pagina master.

  4. Nella pagina Impostazioni pagina master sito, nella sezione URL file CSS alternativo, fare clic su Specifica un file CSS da utilizzare per questo sito di pubblicazione e per tutti i siti che ereditano da tale sito e quindi nella casella digitare il percorso completo del foglio di stile personalizzato, incluso il nome del file.

    Note : 

    • Poiché la cartella _styles è una cartella nascosta che non può essere visualizzata nel browser, non è possibile utilizzare il pulsante Sfoglia per individuare e selezionare una versione personalizzata di un file di foglio di stile archiviata in tale cartella.

    • È possibile copiare e incollare la prima parte del percorso, incluso il nome del sito, dalla casella Indirizzo nella parte superiore del browser. Assicurarsi tuttavia di non copiare oltre il nome del sito, evitando di includere nomi di file o di cartelle estranei. Se ad esempio il percorso della casella Indirizzo è http://Mio_sito/Subsite_1/_Layouts/ChangeSiteMasterPage.aspx, copiare e incollare solo la parte http://Mio_sito/Subsite_1/, quindi digitare manualmente il resto del percorso, che in genere corrisponde a _styles/foglio_di_stile_personalizzato, dove foglio_di_stile_personalizzato è il nome del foglio di stile personalizzato che si desidera applicare.

  5. Selezionare la casella di controllo Reimposta tutti i siti secondari in modo che ereditino questo URL di file CSS alternativo e quindi fare clic su OK.

    Il foglio di stile personalizzato, già applicato al sito corrente, è ora applicato anche a tutti i relativi siti secondari.

    Suggerimento : Per visualizzare tutti gli stili aggiornati nei siti secondari, potrebbe essere necessario aggiornare la visualizzazione.

Nell'illustrazione seguente una seconda versione locale personalizzata del foglio di stile predefinito è stata aggiunta alla raccolta siti visualizzata a destra e applicata a tutti i siti secondari del sito corrispondente. Anche in questa illustrazione le frecce indicano i rapporti di ereditarietà.

Raccolta siti con il foglio di stile predefinito e due fogli di stile personalizzati

Configurare un sito secondario in modo che erediti gli stili del sito padre

Se si lavora in ambiente Office SharePoint Server 2007, è possibile utilizzare l'interfaccia del browser per configurare un sito secondario in modo che erediti gli stili del sito immediatamente superiore.

Nota : Questa funzionalità è disponibile solo in Office SharePoint Server 2007. Non è disponibile in Windows SharePoint Services 3.0.

Per configurare un sito secondario in modo che erediti gli stili del sito immediatamente superiore:

  1. In Office SharePoint Server 2007 aprire il sito secondario a cui si desidera applicare gli stili.

  2. Nel menu Sito eseguire una delle operazioni seguenti:

    • Fare clic su Impostazioni sito.

    • Scegliere Impostazioni sito e quindi fare clic su Modifica tutte le impostazioni di sito.

  3. Nella pagina Impostazioni sito, in Aspetto, fare clic su Pagina master.

  4. Nella pagina Impostazioni pagina master sito, nella sezione URL file CSS alternativo, fare clic su Eredita URL file CSS alternativo dal sito padre.

  5. Selezionare o deselezionare la casella di controllo Reimposta tutti i siti secondari in modo che ereditino questo URL di file CSS alternativo e quindi fare clic su OK.

    Suggerimento : Per visualizzare gli stili aggiornati, potrebbe essere necessario aggiornare la visualizzazione.

Torna all'inizio

Rimozione del foglio di stile locale personalizzato

Se non si desidera più utilizzare un foglio di stile locale personalizzato per uno o più siti, è possibile procedere in diversi modi, ad esempio:

  • Rimuovere il foglio di stile personalizzato da altri siti a cui è associato o da cui è ereditato    Se si desidera continuare a utilizzare il foglio di stile personalizzato almeno nel sito che lo contiene, è possibile rimuoverlo dagli altri siti a cui è attualmente associato.

  • Rimuovere il foglio di stile personalizzato dal sito in cui è memorizzato, ma mantenerne una copia per utilizzi futuri o per riferimento    Questa opzione consente di ripristinare facilmente il foglio di stile personalizzato in qualsiasi momento.

  • Eliminare il foglio di stile personalizzato e la cartella _styles dal sito in cui sono contenuti    Si tratta del modo più semplice, sicuro e completo di rimuovere un foglio di stile personalizzato.

Interrompere l'applicazione di un foglio di stile ad altri siti

Se si desidera continuare ad applicare un foglio di stile personalizzato almeno nel sito che lo contiene, ma interromperne l'applicazione ad altri siti a cui è associato o da cui è ereditato, eseguire una delle due procedure seguenti.

Se il foglio di stile è associato (Office SharePoint Server 2007 o Windows SharePoint Services 3.0)

  1. In Office SharePoint Designer 2007 aprire il sito per il quale si desidera interrompere l'applicazione di un foglio di stile personalizzato.

  2. Nel sito aprire la pagina default.master.

  3. Scegliere Stili CSS dal menu Formato e quindi Gestisci collegamenti fogli di stile.

  4. Nella finestra di dialogo Collega foglio di stile fare clic su Tutte le pagine.

  5. Nell'elenco URL selezionare l'URL del foglio di stile da rimuovere, fare clic su Rimuovi e quindi su OK.

    Il foglio di stile personalizzato non è ora più applicato al sito.

    Suggerimento : Per visualizzare gli stili aggiornati, potrebbe essere necessario aggiornare la visualizzazione.

Se il foglio di stile è ereditato (solo Office SharePoint Server 2007)

  1. In Office SharePoint Server 2007 aprire il sito che non deve più ereditare un foglio di stile personalizzato.

  2. Nel menu Sito eseguire una delle operazioni seguenti:

    • Fare clic su Impostazioni sito.

    • Scegliere Impostazioni sito e quindi fare clic su Modifica tutte le impostazioni di sito.

  3. Nella pagina Impostazioni sito, in Aspetto, fare clic su Pagina master.

  4. Nella pagina Impostazioni pagina master sito, nella sezione URL file CSS alternativo, fare clic su Utilizza stili predefiniti di Windows SharePoint Services e quindi su OK.

    Il foglio di stile personalizzato non verrà più ereditato dal sito.

    Suggerimento : Per visualizzare gli stili aggiornati, potrebbe essere necessario aggiornare la visualizzazione.

Interrompere l'applicazione di un foglio di stile ma mantenerne una copia

Se si desidera ripristinare il foglio di stile predefinito al posto del foglio di stile locale personalizzato in uso, ma si intende conservare una copia di quest'ultimo per utilizzi futuri o per riferimento, eseguire la procedura seguente:

  1. Nella cartella _styles dell'Elenco cartelle fare clic con il pulsante destro del mouse sul file del foglio di stile personalizzato, quindi scegliere Reimposta secondo definizione sito dal menu di scelta rapida.

  2. Nella finestra di dialogo Avviso pagina definizione sito fare clic su per confermare la reimpostazione.

    Verrà creata una copia della versione personalizzata e una copia locale della versione server predefinita.

    Note : 

    • I siti che ereditano da questo sito e quelli a cui il foglio di stile personalizzato è associato manualmente utilizzeranno automaticamente la copia locale della versione server predefinita.

    • Per visualizzare gli stili aggiornati, potrebbe essere necessario aggiornare la visualizzazione.

Eliminare completamente un foglio di stile

Se si desidera ripristinare il foglio di stile predefinito al posto di quello locale personalizzato senza conservare una copia della versione personalizzata per utilizzi futuri o per riferimento, eseguire la procedura seguente:

  1. Fare clic con il pulsante destro del mouse sulla cartella _styles locale contenente la versione personalizzata, quindi scegliere Elimina dal menu di scelta rapida.

  2. Quando richiesto, confermare l'eliminazione, l'annullamento delle personalizzazioni e il ripristino del foglio di stile predefinito. Potrebbero essere visualizzati più messaggi.

    Note : 

    • I siti che ereditano da questo sito utilizzeranno automaticamente il foglio di stile predefinito.

    • Per i siti a cui è associato manualmente il foglio di stile personalizzato, sarà necessario rimuovere manualmente tale associazione affinché il foglio di stile predefinito possa essere applicato correttamente. Eseguire la procedura Se il foglio di stile è associato illustrata in precedenza in questa sezione.

    • Per visualizzare gli stili aggiornati, potrebbe essere necessario aggiornare la visualizzazione.

Torna all'inizio

Modifica o sostituzione del foglio di stile predefinito per l'intera raccolta siti

Se si desidera apportare modifiche al foglio di stile predefinito in modo da applicarle a tutti i siti della raccolta siti o se si intende sostituire il foglio di stile predefinito nel sito di livello superiore della raccolta con un altro foglio di stile, contattare l'amministratore del server. Questa operazione deve essere eseguita sul server e non può essere eseguita nel browser o in Office SharePoint Designer 2007.

Torna all'inizio

Amplia le tue competenze
Esplora i corsi di formazione
Ottieni in anticipo le nuove caratteristiche
Partecipa al programma Office Insider

Queste informazioni sono risultate utili?

Grazie per i tuoi commenti e suggerimenti

Grazie per il tuo feedback! Potrebbe essere utile metterti in contatto con uno dei nostri operatori del supporto di Office.

×