Modificare lo sfondo o il tema

È possibile specificare il colore e l'immagine di sfondo per la pagina, per i singoli slot presenti nella pagina e per i layout sezione all'interno di uno slot. È inoltre possibile cambiare l'intero tema per un sito.

Uno slot è un'area che occupa la larghezza della pagina e può contenere uno o più tipi di contenuto. Lo sfondo specificato per uno slot viene applicato all'intero slot e a tutti i relativi componenti.

Modificare lo sfondo

Gli sfondi si dispongono uno sopra l'altro. Se si specifica uno sfondo per uno slot, questo viene disposto "sopra" lo sfondo specificato per la pagina. Nella maggior parte delle immagini e dei colori, il layer superiore di fatto sostituisce il layer inferiore. Se si utilizza un grado di trasparenza nel colore di sfondo o nelle immagini, i colori presenti nei layer inferiori possono trasparire o mescolarsi ai colori usati nei layer superiori.

Alcuni componenti, ad esempio i paragrafi e i titoli, possono fornire un colore di sfondo integrato nello stile predefinito o come stile personalizzato. Se si specifica un colore di sfondo per un componente, anche questo viene disposto sopra ogni altro sfondo di layout, slot o pagina. Vedere Utilizzare gli stili e la formattazione.

Le opzioni di sfondo sono simili per le pagine, gli slot e i layout sezione anche se le modalità per accedervi sono leggermente differenti.

  1. Aprire un sito per la modifica.

  2. Andare alla pagina che si desidera modificare e assicurarsi che Selettore modifica sia impostato su Modifica.

  3. Per modificare lo sfondo di una pagina o di uno slot:
    • Fare clic su Icona Progettazione nella barra laterale, quindi su Icona Sfondo.

    • Per specificare lo sfondo dell'intera pagina, fare clic su Completare la pagina, quindi su Impostazioni. Per specificare lo sfondo di uno slot nella pagina, selezionare lo slot e fare clic su Impostazioni.

  4. Per modificare lo sfondo di un layout sezione:
    • Fare clic sull'icona del menu Icona del menu Componente del layout sezione e scegliere Impostazioni.

    • Fare clic su Sfondo. Le opzioni di sfondo sono le stesse per le pagine, gli slot e i layout sezione.

  5. Per usare un'immagine per lo sfondo, fare clic su Seleziona immagine. È possibile usare le immagini da qualsiasi posizione si possa accedere. È anche possibile usare immagini condivise con altri o caricate da una posizione file locale o di rete.

  6. Selezionare un'immagine e fare clic su OK. Nella finestra vengono visualizzati tutti i file disponibili. Scegliere il tipo di file appropriato per il contesto. Ad esempio, se si sceglie un file immagine, selezionare un file con un formato immagine valido (GIF, JPG, JPEG, PNG o SVG).

  7. Per regolare le impostazioni dell'immagine, effettuare le operazioni riportate di seguito.
    • Usare Posizione per inserire l'immagine nella pagina o nello slot.

    • Selezionare un'opzione di Scala per regolare la presentazione dell'immagine.
      • Adatta: l'immagine viene ridimensionata in modo da adattarsi interamente allo spazio disponibile senza distorsioni.

      • Estendi: la più grande tra le due dimensioni (larghezza o altezza) viene ridimensionata in base allo spazio disponibile e la dimensione più piccola si estende per adattarsi a tale spazio.
      • Nessuna: viene utilizzata la risoluzione completa dell'immagine, espressa in pixel. Se non si adatta allo spazio disponibile, l'immagine viene ritagliata in modo uniforme.
    • Selezionare un'opzione Ripeti per affiancare un'immagine troppo piccola per occupare lo spazio disponibile. Questa opzione non viene applicata se si seleziona Estendi come opzione di Scala.

    • Selezionare Non scorrere nella pagina per mantenere statica l'immagine mentre l'utente scorre la pagina.

  8. Per selezionare un colore per lo sfondo, sceglierne uno dal menu Colore o fare clic su Altro per selezionare un colore dall'intervallo completo di colori.
    • Fare clic nella barra dello spettro sulla destra per scegliere un colore e visualizzarne le variazioni nell'intervallo di colori visualizzato. Il colore selezionato viene visualizzato nell'angolo superiore destro insieme alle sfumature del colore selezionato con quantità crescenti di bianco verso sinistra e di nero verso il basso.

    • Per selezionare una variazione del colore, fare clic all'interno dell'intervallo di colori visualizzato o fare clic e trascinare il punto di selezione fino a una nuova posizione colore. La casella del colore corrente e il codice colore a 6 cifre indicano il colore selezionato.

    • Per regolare la trasparenza (canale alfa), fare clic e trascinare l'apposito dispositivo di scorrimento verso sinistra per aumentare la trasparenza. Un valore alfa pari allo 0% rende il colore trasparente, consentendo al colore e al contenuto dei layer inferiori di trasparire completamente. Un valore alfa pari al 100% rende il colore completamente opaco, impedendo la visualizzazione di tutti i colori e di tutto il contenuto dei layer inferiori. Altri valori consentono alle immagini e ai colori dei layer inferiori di trasparire e i rispettivi colori si mescolano con quelli dei layer superiori con gradi differenti.

    • Per applicare la selezione colore corrente, fare clic su Scegli.

Modificare il tema

La modifica al tema viene registrata come parte di un aggiornamento quando si fa clic su Salva. La modifica del tema non verrà applicata al sito finché non si pubblicherà l'aggiornamento.

Nota:

Non tutti i temi sono compatibili tra di loro. Temi diversi possono contenere informazioni differenti su navigazione, nome dello stile o layout di pagina. Ad esempio, se si sceglie un tema con nomi di layout diversi, le pagine esistenti possono utilizzare layout non disponibili nel tema. Tali pagini appaiono vuote. Il contenuto della pagina non viene eliminato, semplicemente non può essere visualizzato se il tema scelto non contiene un layout e slot con gli stessi nomi. Se si sceglie un tema non compatibile, è possibile tornare al tema originale per ripristinare il contenuto della pagina.

Assicurarsi di scegliere un tema compatibile. In caso di dubbi, consultare lo sviluppatore del tema.

Per modificare il tema usato per il sito, effettuare le operazioni riportate di seguito.
  1. Aprire un sito per la modifica.

  2. Fare clic su Icona Progettazione nella barra laterale, quindi su Icona Tema.

  3. Selezionare un tema dalla lista di temi disponibili e fare clic su OK. Il tema viene applicato nell'aggiornamento corrente. Per salvare tutte le modifiche in sospeso nell'aggiornamento corrente, fare clic su Salva.