Condividi tramite

Utilizzare le impostazioni predefinite degli stili

Nota

Il gruppo retail interest di Dynamics 365 Commerce è passato da Yammer a Viva Engage. Se non si ha accesso alla nuova community viva engage, compilare questo modulo (https://aka.ms/JoinD365commerceVivaEngageCommunity) per essere aggiunto e rimanere impegnati nelle discussioni più recenti.

In questo articolo viene descritto come utilizzare set di impostazioni di stile nel generatore di siti di Microsoft Dynamics 365 Commerce.

Un set di impostazioni di stile è un insieme memorizzato di tutti i valori di stile modificabili nel tema di un sito. Usare un preset di stile per modificare immediatamente l'aspetto di un sito nel site builder. I set di impostazioni di stile consentono ai creatori di Generatore di siti di modificare, visualizzare in anteprima e attivare rapidamente un insieme di valori di stile nel proprio sito, senza dover utilizzare Cascading Style Sheets (CSS) o distribuire temi. Gli stili dei tipi di carattere, gli stili dei pulsanti e i colori del sito sono esempi tipici di variabili di stile che è possibile gestire tramite set di impostazioni di stile.

La libreria di temi e moduli distribuita nel tenant di un sito determina il set di variabili di stile disponibili in un sito. Il kit SDK online di Dynamics 365 Commerce consente agli sviluppatori di implementare tutte le variabili di stile modificabili necessarie per un determinato tema. Abilitando più variabili di stile, uno sviluppatore di temi può consentire ai generatori di siti di prendere le decisioni finali relative agli stili da utilizzare per i siti. Pertanto, gli utenti non di sviluppo possono aggiornare e visualizzare in anteprima gli stili del sito usando il set di strumenti. La funzionalità è utile anche per qualsiasi scenario in cui le modifiche dirette ai temi o CSS provocherebbero un sovraccarico non necessario.

I temi in cui sono abilitate le variabili di stile modificabili richiedono un set di impostazioni di stile predefinito. Facoltativamente, possono includere più opzioni predefinite come parte di un pacchetto del tema distribuito. Ad esempio, è possibile distribuire un tema che ha un unico set di impostazioni di stile "modern light" predefinito. In alternativa, potrebbe includere più opzioni predefinite di stile oltre al set di impostazioni predefinito, ad esempio "moderno scuro", "luce vintage" o "vintage scuro". Gli sviluppatori creano questi set di impostazioni di tema predefiniti e gli autori possono usarli come punti di partenza per le nuove progettazioni del sito.

Nel generatore di siti, i creatori possono selezionare set di impostazioni incorporati di un tema oppure creare set di impostazioni e personalizzazioni utilizzando le variabili di stile abilitate. Gli autori possono visualizzare in anteprima un set di impostazioni di stile nel generatore di siti prima di attivarlo nel sito live. Dopo la revisione delle modifiche dello stile di un autore, impostare lo stile predefinito su "attivo" per il sito live.

Visualizzare in anteprima un set di impostazioni di stile

Per visualizzare in anteprima un set di impostazioni di stile nel sito in Site Builder, seguire questa procedura:

  1. Nel riquadro di navigazione sinistro del sito, vai a Impostazioni sito > Progettazione.

  2. Nella scheda Set di impostazioni di stile nella parte superiore dell'editor di progettazione, nell'elenco Set di impostazioni di stile disponibili, seleziona un set di impostazioni, quindi seleziona Visualizza per accedere all'editor di set di impostazioni.

    Se l'elenco Set di impostazioni disponibili è vuoto, vedere Creare un set di impostazioni di stile personalizzato per informazioni su come creare un set di impostazioni di stile personalizzato.

    Nota

    Le impostazioni predefinite incluse nel tema sono indicate da un badge Integrato. Questi set di impostazioni incorporati sono di sola lettura. Per copiare un set di impostazioni incorporato come nuovo set di impostazioni personalizzabile, seleziona il pulsante con i puntini di sospensione (...) per il set di impostazioni, quindi seleziona Salva con nome.

  3. Nella barra dei comandi, selezionare Anteprima.

  4. Seleziona un URL nel sito da utilizzare per visualizzare in anteprima il set di impostazioni di stile, quindi seleziona OK.

  5. Seleziona la variante URL specifica del canale e delle impostazioni locali da visualizzare in anteprima selezionando il nome della variante. Viene visualizzata una nuova finestra del browser di anteprima, in cui il set di impostazioni di stile selezionato viene applicato alla pagina specificata.

Nota

L'URL di anteprima è persistente e autenticato. Pertanto, è possibile copiare, incollare e inviarlo ad altri colleghi autenticati per la revisione prima di impostarlo su "attivo" nel sito live. L'URL di anteprima è utile anche per controllare gli stili in diversi dispositivi, browser e schermate.

Suggerimento

Durante la modifica di un set di impostazioni di stile, potrebbe risultare utile lasciare aperta la finestra del browser di anteprima in una finestra separata del browser, in modo da poter convalidare rapidamente le modifiche. Dopo aver salvato le modifiche a un set di impostazioni, aggiorna la finestra del browser di anteprima aperta per convalidare l'esperienza dell'utente.

Creare un set di impostazioni di stile personalizzato

Per creare un set di impostazioni di stile personalizzato in Site Builder, seguire questa procedura:

  1. Nel riquadro di navigazione sinistro del sito, vai a Impostazioni sito > Progettazione.
  2. Nella barra dei comandi della scheda Set di impostazioni di stile nella parte superiore dell'editor di progettazione, seleziona Nuovo set di impostazioni.
  3. Immetti un nome e una descrizione per il nuovo set di impostazioni e seleziona Salva. Si crea un nuovo set di impostazioni personalizzabile che usa i valori predefiniti del tema come punto di partenza.

Nota

È anche possibile creare un nuovo set di impostazioni di stile personalizzato a partire da qualsiasi set di impostazioni esistente selezionando il pulsante con i puntini di sospensione (...) per quel set di impostazioni e quindi selezionando Salva con nome. In alternativa, selezionare Salva con nome nella barra dei comandi dell'editor di set di impostazioni.

Modificare i valori di stile del tipo di modulo e globali

Alcune delle variabili di stile di un tema sono condivise tra più tipi di modulo. Queste variabili di stile sono variabili di stile globali . Gli esempi includono i colori principali del sito, gli stili di carattere predefiniti e gli stili dei pulsanti. Impostando le variabili globali, è possibile modificare l'aspetto in molti tipi di modulo diversi.

Alcuni valori di stile possono essere univoci per un tipo di modulo oppure possono facoltativamente eseguire l'override di un valore globale predefinito. Se il tema di un sito implementa variabili di stile del tipo di modulo, gli autori di generatori di siti possono personalizzare lo stile di un tipo di modulo indipendentemente dalle impostazioni globali. Le variabili del tipo di modulo possono aumentare o sovrascrivere le variabili di stile globali in un tema.

Nota

La gerarchia dei valori di stile in un sito si comporta nel modo seguente. I valori di stile che appaiono più a destra sovrascrivono i valori di stile a sinistra degli stessi.

Valori predefiniti del tema < Valori di stile globale < Valori di stile del tipo di modulo < Sostituzione CSS

Per modificare i valori del tipo di modulo o globale di un set di impostazioni di stile nel generatore di siti, seguire questa procedura:

  1. Nel riquadro di navigazione sinistro del sito, vai a Impostazioni sito > Progettazione.
  2. Nella scheda Set di impostazioni di stile nella parte superiore dell'editor di progettazione, seleziona Visualizza per qualsiasi set di impostazioni di stile per accedere all'editor di set di impostazioni.
  3. Seleziona Anteprima, quindi segui i passaggi di selezione dell'URL per aprire un'anteprima del set di impostazioni in una finestra del browser. Lascia aperta questa finestra di anteprima del browser.
  4. Nell'editor di set di impostazioni, seleziona Modifica in alto a destra.
  5. Utilizzare i controlli delle variabili di stile nell'editor per modificare alcuni valori di stile globali.
  6. Nella parte superiore dell'editor, nella scheda Moduli a destra della scheda Globale selezionare un tipo di modulo che si desidera applicare allo stile.
  7. Utilizza i controlli di stile per modificare alcuni valori per il tipo di modulo.
  8. Quando si è pronti per visualizzare in anteprima le modifiche, selezionare Salva nella barra dei comandi.
  9. Tornare alla finestra di anteprima del browser aperta e aggiornarla. L'anteprima nella finestra del browser è utile per controllare le modifiche allo stile in differenti punti di interruzione della visualizzazione, browser e piattaforme di dispositivi.
  10. Quando tutte le modifiche vengono completate e convalidate, selezionare Fine modifica in alto a destra nell'editor.

Nota

Se si modifica il set di impostazioni di stile attualmente attivo nel sito, viene visualizzato un badge attivo blu nell'editor. Questo badge indica che il set di impostazioni è attualmente attivo sul sito Web. Se si modifica il set di impostazioni attivo, seleziona Pubblica per inviare tali modifiche al sito live.

Rendere un nuovo set di impostazioni attivo nel sito live

Per impostare un set di impostazioni di stile come set di impostazioni attivo nel sito, seguire questa procedura:

  • Seleziona il pulsante Imposta come attivo in una di queste posizioni:

    • La barra dei comandi nell'editor del set di impostazioni di stile
    • Il menu con i puntini di sospensione (...) per tutti i set di impostazioni disponibili nella visualizzazione principale nella scheda Set di impostazioni di stile in Impostazioni sito > Progettazione

I valori di stile del set di impostazioni sono attivi nel sito Web pubblico.

Risorse aggiuntive

Aggiungere un logo

Selezionare un tema per il sito

Utilizzare i file di sostituzione CSS

Aggiungere una favicon

Aggiungere informazioni sul copyright

Aggiungere lingue al sito

Aggiungere codice script nelle pagine del sito per supportare la telemetria

  • Last updated on